【问题标题】:How to remove the button outline in Firefox 17.0.1如何在 Firefox 17.0.1 中删除按钮轮廓
【发布时间】:2014-01-04 18:32:05
【问题描述】:

出于美学原因(我知道这会影响可访问性)我想删除某些按钮中的outline,但在 Firefox 17.0.1 中我似乎找不到方法。

我尝试了this popular question 中的答案,但都没有奏效。

这是一个带有按钮示例的 jsfiddle,http://jsfiddle.net/t54JE/ 当您单击按钮时,您可以看到轮廓(当然使用 Firefox 17)。

或者这可能是 FF 的错误?他们不希望我们删除大纲?

【问题讨论】:

  • 在 OSX 上的 Firefox 17.0.1(以及更早的 v.15)没有任何大纲。
  • 确切地说,它实际上是一种正在应用的 Bootstrap 样式。删除 Bootstrap 包含,没有大纲:jsfiddle.net/t54JE/13

标签: css firefox button twitter-bootstrap outline


【解决方案1】:

您链接的问题中的以下 CSS 完美运行:

.btn:focus {
    outline: none;
}

请参阅下面的 JSFiddle 以了解实际的 CSS:http://jsfiddle.net/t54JE/12/

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 2020-10-10
    • 2016-03-07
    • 1970-01-01
    • 1970-01-01
    • 2014-03-30
    • 2011-04-03
    • 2013-11-22
    相关资源
    最近更新 更多