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

轉載于:https://www.cnblogs.com/defims/archive/2011/10/16/2946705.html

總結

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

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。