单击渐变边框

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/）

Answer 2

这表示该元素是活动的。要禁用此功能：

#element.focus{
    outline:0;
}