:focus -- CSS :focus 僞類,適用於已獲取焦點的元素的樣式
語法: :focus
CSS版本:CSS2
說明:
適用於已獲取焦點的元素的樣式,例如:表單的input輸入框能夠輸入文字時、接受鍵盤事件時
客戶端(瀏覽器)能夠根據用戶與其交互的動做改變其渲染效果,CSS爲這種狀況提供了三個僞類:hover、active、focus
上述三種僞類不是互斥的,一個元素同時能夠適用其中的若干個
:focus僞類,適用於已獲取焦點的元素的樣式。當一個元素獲取焦點時,證實它是可控制的,例如一個連接獲取了焦點後能夠經過按"回車"鍵激活連接。能夠用鍵盤的Tab鍵的遍歷頁面中能夠獲取焦點的元素,能夠參考HTML中的tabindex屬性。若是虛線框環繞了一個連接元素,證實此連接元素獲取了焦點
focus,中文"焦點"的意思html
by: http://www.manongjc.com/article/1322.html瀏覽器
語法code
:focus
a:focus
a.class:focus
示例
a:focus
{
color:lime;
background:red;
}
<pre name="code" class="html">http://www.manongjc.com/article/1322.html
input:focus{color:yellow;background:blue;}