在CSS中,有時(shí)我們希望取消按鈕被選中時(shí)的明暗變化,這時(shí)我們可以使用:focus
來取消按鈕的選中狀態(tài)。
button:focus { outline:none; }
如上所示的代碼可以取消按鈕被選中時(shí)的藍(lán)色邊框,使按鈕看起來更加簡潔。
在一些場景中,我們會使用CSS來實(shí)現(xiàn)類似按鈕的功能,此時(shí)我們同樣可以使用:focus
來取消選中狀態(tài)。
div[role="button"]:focus { outline:none; }
以上代碼可以實(shí)現(xiàn)一個通過CSS模擬的按鈕,并取消其被選中時(shí)的狀態(tài)。
總之,在CSS中,我們可以通過:focus
來取消按鈕或模擬按鈕的選中狀態(tài),使頁面看起來更加簡潔美觀。
上一篇ajax中的url重定向
下一篇css中圖片怎么布局