CSS 設(shè)置禁止獲取焦點(diǎn)的功能是最近一些網(wǎng)站常用的技巧。通過(guò)這個(gè)功能,能夠有效地防止用戶使用鍵盤Tab鍵獲取焦點(diǎn)。比如,對(duì)于網(wǎng)站上的一些廣告或提示信息,可能并不希望用戶通過(guò)鍵盤獲取焦點(diǎn),而是通過(guò)點(diǎn)擊鼠標(biāo)進(jìn)行操作。接下來(lái),我們來(lái)學(xué)習(xí)如何使用CSS 設(shè)置禁止獲取焦點(diǎn)的功能。
:focus { outline: none; }
以上代碼就是CSS 禁止獲取焦點(diǎn)的實(shí)現(xiàn)方式,利用:focus偽類設(shè)置樣式,將Tab鍵的焦點(diǎn)的框框去掉,這樣就實(shí)現(xiàn)了禁止獲取焦點(diǎn)的效果。可以在想禁止獲取焦點(diǎn)的元素上加上這個(gè)樣式,如按鈕、輸入框等,然后測(cè)試效果,看看是否阻止了通過(guò)鍵盤獲取焦點(diǎn)。
上一篇1821.02php