2009/02/21

focus 第一頁

:FOCUS 1

:FOCUS 是 準類別 中的動態準類別,當 INPUT 元素或 ANCHOR 元素被聚焦時,會應用此設計的風格。可以用滑鼠點選,或用 TAB 輪選元素而聚焦。:focus 用在 TAB 輪選的效果最明顯,筆者就常遇到 TAB 失蹤的情形。

  • IE6 沒有支援 :focus。Firefox 除了 FILE 都可以用。Safari, Chrome 有兩種情形:(一)使用滑鼠點選,只能用在 TEXT 與 PASSWORD。(二)使用 TAB 輪選,則都可以選;而 Chrome 可選 ANCHOR 元素 ,Safari 則不能。狀況蠻多的,使用時最好多測試。
  • 在 Safari, Chrome 中,RADIO 不能用 TAB 選;Firefox 則可以。

將 :focus 狀態傳給子元素。只能用在 BUTTON 元素

  • 上例,Firefox 成功;IE6, Safari, Chrome 失敗。Safari, Chrome 不能在 BUTTON 元素使用 :focus。
focus(你正在看 第一頁) : 第一頁 第二頁