在CSS中,有時我們會發現文本輸入框、按鈕等HTML元素在被點擊后,會出現一個默認的描邊效果,有時候不太美觀,需要去除。下面就介紹一下如何去除這個描邊效果。
input:focus, button:focus, textarea:focus, select:focus { outline: none; }
如上所示,我們可以在CSS中使用:focus偽類,同時為輸入框、按鈕、文本域和下拉列表元素添加以下樣式:
outline: none;
這樣就可以去除元素被選中后的默認描邊效果了。
需要注意的是,去除描邊效果可能會使得已選元素的可見性降低,因此需要根據實際情況進行判斷。如果不需要去除描邊效果,可以省略上述代碼。
上一篇MySQL四張表左連接
下一篇css去除表格豎線