CSS :focus 選擇器,是什么意思以及用法
CSS:focus選擇器
完整CSS選擇器參考手冊
定義和用法
:focus選擇器用于選擇具有焦點的元素。
:focus是一個偽類,它適用于具有焦點的元素。
:focus應用于元素具有焦點的時間內。
一個例子是其中具有文本輸入光標的輸入框。其他元素,如超鏈接,也可以有焦點。
例子:
a:focus {outline: 1px dotted red;} input:focus {background: yellow;}
提示::focus選擇器接受鍵盤事件或其他用戶輸入的元素。
實例
實例
一個輸入字段獲得焦點時選擇的樣式:
input:focus
{
background-color:yellow;
}
{
background-color:yellow;
}
瀏覽器支持
表格中的數字表示支持該屬性的第一個瀏覽器版本號。
選擇器 | |||||
---|---|---|---|---|---|
:focus | 4.0 | 8.0 | 2.0 | 3.1 | 9.6 |
注意::focus 選擇器選擇器在IE8中必須聲明<!DOCTYPE> .
相關文章
CSS 教程: CSS 偽類
完整CSS選擇器參考手冊