在w3school中國上可以查看到這么一句話： 定義和用法 :focus 偽類在元素獲得焦點時向元素添加特殊的樣式。 注釋：IE 瀏覽器不支持此屬性。 說明 這個偽類應(yīng)用于有焦點的元素。例如 HTML 中一個有文本輸入焦點的輸入框，其中出現(xiàn)了文本輸入光標(biāo)；也就是說，在用戶開始鍵入時，文本會輸入到這個輸入框。其他元素（如超鏈接）也可以有焦點，不過 CSS 沒有定義哪些元素可以有焦點。 不是所有的元素都具有:focus偽類，使得:focus偽類沒有:hover :active等常用，但我們知道對于設(shè)定了id的元素是使用錨是可以使任意元素獲得焦點的.這就給我們以啟示，其實任意元素都具有:focus偽類的，只是沒有觸發(fā)。通過仔細觀察發(fā)現(xiàn)，能觸發(fā)的元素，如textarea、input的共同特點是有這樣的css設(shè)置：user-modify:read-write，即為可編輯狀態(tài)，在chrome的開發(fā)人員工具下可以發(fā)現(xiàn)-webkit-user-modify: read-write;當(dāng)然對不同瀏覽器有不同的前綴。因而我們可以通過user-modify來中介是任意元素獲得焦點。如下面例子： 可使用focus偽類的div

轉(zhuǎn)載于:https://www.cnblogs.com/defims/archive/2011/10/16/2946705.html

總結(jié)

以上是生活随笔為你收集整理的任意元素的focus伪类的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。