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