定義和用法

:focus 偽類(lèi)在元素獲得焦點(diǎn)時(shí)向元素添加特殊的樣式。

注釋?zhuān)?/span>IE 瀏覽器不支持此屬性。

說(shuō)明

這個(gè)偽類(lèi)應(yīng)用于有焦點(diǎn)的元素。例如 HTML 中一個(gè)有文本輸入焦點(diǎn)的輸入框，其中出現(xiàn)了文本輸入光標(biāo)；也就是說(shuō)，在用戶開(kāi)始鍵入時(shí)，文本會(huì)輸入到這個(gè)輸入框。其他元素（如超鏈接）也可以有焦點(diǎn)，不過(guò) CSS 沒(méi)有定義哪些元素可以有焦點(diǎn)。

a:link {color: #FF0000}     /* 未訪問(wèn)的鏈接 */
a:focus {color: #00FF00}  /* 獲得焦點(diǎn)的鏈接 */

注釋?zhuān)?/span>偽類(lèi)的名稱對(duì)大小寫(xiě)不敏感。

注釋?zhuān)?/span>偽類(lèi)可與 CSS 類(lèi)配合使用：

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

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

如果上面這個(gè)例子中的鏈接已被訪問(wèn)過(guò)，那么它會(huì)顯示為紅色。

實(shí)例

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

input:focus
  {
  color:yellow;
  }

TIY

瀏覽器支持

所有主流瀏覽器都支持 :focus 偽類(lèi)。

注釋?zhuān)?/span>如果已規(guī)定 !DOCTYPE，那么 Internet Explorer 8 （以及更高版本）支持 :focus 偽類(lèi)。

相關(guān)頁(yè)面

CSS 教程：CSS 偽類(lèi)