CSS :focus 選擇器

CSS :focus 選擇器

完整CSS選擇器參考手冊(cè)

定義和用法

:focus選擇器用于選擇具有焦點(diǎn)的元素。

:focus是一個(gè)偽類(lèi)，它適用于具有焦點(diǎn)的元素。

:focus應(yīng)用于元素具有焦點(diǎn)的時(shí)間內(nèi)。

一個(gè)例子是其中具有文本輸入光標(biāo)的輸入框。其他元素，如超鏈接，也可以有焦點(diǎn)。

例子：

a:focus {outline: 1px  dotted red;}
input:focus {background: yellow;}

提示: :focus選擇器接受鍵盤(pán)事件或其他用戶(hù)輸入的元素。

實(shí)例

瀏覽器支持

表格中的數(shù)字表示支持該屬性的第一個(gè)瀏覽器版本號(hào)。

注意: :focus 選擇器選擇器在IE8中必須聲明<!DOCTYPE> .

相關(guān)文章

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

完整CSS選擇器參考手冊(cè)