点击渐变边框

Question

我注意到，如果单击我网站上的按钮（如下例所示），按钮周围会显示渐变边框。我尝试了几种浏览器，但这只显示在谷歌浏览器中。

有没有办法去掉这个 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/)

Answer 2

这是为了表明该元素处于活动状态。要禁用此功能：

#element.focus{
    outline:0;
}