當前位置：首頁 > 编程资源 > 编程问答 >内容正文

编程问答

css伪类focus的测试

發布時間：2023/12/19 编程问答 28 豆豆

生活随笔收集整理的這篇文章主要介紹了 css伪类focus的测试小編覺得挺不錯的,現在分享給大家,幫大家做個參考.

<!DOCTYPE html> <html> <head> <style> input:focus { background-color:yellow; } </style> </head> <body><p>在文本框中點擊，您會看到黃色的背景：</p><form> First name: <input type="text" name="firstname" /><br> Last name: <input type="text" name="lastname" /> </form><p><b>注釋：</b>如果 :focus 用于 IE8 ，則必須聲明 <!DOCTYPE>。</p></body> </html>

測試了一下，使用JavaScript代碼調用button.focus()方法是無法看到這個focus效果的：

但是在Chrome開發者工具里手動選中:focus的checkbox可以看到focus效果：

上圖的user agent stylesheet是Chrome瀏覽器自動設置的css style.

更多Jerry的原創文章，盡在：“汪子熙”:

總結

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

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