在CSS中,有时我们会发现文本输入框、按钮等HTML元素在被点击后,会出现一个默认的描边效果,有时候不太美观,需要去除。下面就介绍一下如何去除这个描边效果。
input:focus, button:focus, textarea:focus, select:focus { outline: none; }
如上所示,我们可以在CSS中使用:focus伪类,同时为输入框、按钮、文本域和下拉列表元素添加以下样式:
outline: none;
这样就可以去除元素被选中后的默认描边效果了。
需要注意的是,去除描边效果可能会使得已选元素的可见性降低,因此需要根据实际情况进行判断。如果不需要去除描边效果,可以省略上述代码。