单击渐变边框

Question

我一直注意到,如果点击我网站上的按钮(如下例所示),按钮周围会显示渐变边框.我尝试了几种浏览器,但这仅在Google Chrome中显示.

有没有办法删除这个CSS wize？

Answer 1

您可以使用 禁用轮廓outline:none。

input,
select,
textarea,
button {
  outline: none;
}

为了确保焦点状态的安全：

input:focus,
select:focus,
textarea:focus,
button:focus {
  outline: none;
}

然而，有些人认为由于可访问性问题禁用大纲并不是一个好主意（http://outlinenone.com/）