html - 单击渐变边框

标签 html css google-chrome twitter-bootstrap

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

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

enter image description here

最佳答案

您可以使用 outline:none 禁用大纲。

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

为了保证焦点状态的安全:

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

但是,有些人认为由于可访问性问题禁用大纲不是一个好主意 (http://outlinenone.com/)

关于html - 单击渐变边框,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/20685462/

相关文章:

html - 仅CSS的砌体布局

c# - 如果具有 runat ="server"属性,如何使 div 可拖动

javascript - CSS3 如何添加超链接到 <div data-image ="#">

javascript - 打字机效果不工作

css - 消除 padding-left 的副作用

css - 使用 :target #id and classes to show/hide navigation without JS

html - 主体高度100%显示垂直滚动条

javascript - webkit-transform 覆盖 Chrome 13 中的 z-index 排序

javascript - 处理大量元素时隐藏/显示功能的性能极慢

php - 获取 google chrome 以查看 rss 提要