CSS :focus 選擇器

2018-01-06 14:43 更新

CSS :focus 選擇器

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

定義和用法

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

:focus是一個(gè)偽類,它適用于具有焦點(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選擇器接受鍵盤事件或其他用戶輸入的元素。


Examples

實(shí)例

實(shí)例

一個(gè)輸入字段獲得焦點(diǎn)時(shí)選擇的樣式:

input:focus
{
  background-color:yellow;
}

嘗試一下 ?

瀏覽器支持

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

選擇器          
:focus 4.0 8.0 2.0 3.1 9.6

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


相關(guān)文章

CSS 教程: CSS 偽類


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

以上內(nèi)容是否對(duì)您有幫助:
在線筆記
App下載
App下載

掃描二維碼

下載編程獅App

公眾號(hào)
微信公眾號(hào)

編程獅公眾號(hào)