删除按钮上的蓝色"选定"轮廓

Question

我有一些按钮使用<button>,点击时获得蓝色选择颜色!

有没有办法删除此功能？

Answer 1

这是每个浏览器的默认行为; 你的浏览器似乎是Safari,在Google Chrome中它是橙色的!

使用此选项可以删除此效果:

button {
  outline: none; // this one
}

Answer 2

您可以使用删除蓝色轮廓outline: none.

但是,我强烈建议您设置焦点状态.这是为了帮助视力受损的用户.

查看:http://www.w3.org/TR/2008/REC-WCAG20-20081211/#navigation-mechanisms-focus-visible.更多阅读:http://outlinenone.com

Answer 3

您可以通过在大纲中添加 !important 来删除它。

button{
 outline: none !important;
}