定義和用法

:focus 偽類在元素獲得焦點時向元素添加特殊的樣式。

注釋：IE 瀏覽器不支持此屬性。

說明

這個偽類應用于有焦點的元素。例如 HTML 中一個有文本輸入焦點的輸入框，其中出現(xiàn)了文本輸入光標；也就是說，在用戶開始鍵入時，文本會輸入到這個輸入框。其他元素（如超鏈接）也可以有焦點，不過 CSS 沒有定義哪些元素可以有焦點。

a:link {color: #FF0000}     /* 未訪問的鏈接 */
a:focus {color: #00FF00}  /* 獲得焦點的鏈接 */

注釋：偽類的名稱對大小寫不敏感。

注釋：偽類可與 CSS 類配合使用：

a.red:visited {color: #FF0000;}

<a class="red" href="css_syntax.asp">CSS Syntax</a>

如果上面這個例子中的鏈接已被訪問過，那么它會顯示為紅色。

實例

規(guī)定獲得焦點的輸入字段的顏色：

input:focus
  {
  color:yellow;
  }

TIY

瀏覽器支持

所有主流瀏覽器都支持 :focus 偽類。

注釋：如果已規(guī)定 !DOCTYPE，那么 Internet Explorer 8 （以及更高版本）支持 :focus 偽類。

相關(guān)頁面

CSS 教程：CSS 偽類