【问题标题】:remove bootstrap select focus outline in chrome删除 chrome 中的引导选择焦点轮廓
【发布时间】:2014-11-18 17:10:23
【问题描述】:

我尝试执行以下操作以消除对引导程序选择的关注(我实际上并不想将其删除,只是为了改变它的颜色)

select:focus{
    color:#333333;
    //border:10px solid red;
    border:none!important;
    outline:none!important;
  }

仍然看到它周围的阴影...有人知道吗?

【问题讨论】:

  • 您可以使用浏览器的开发人员工具来检查元素,您应该能够看到哪些 css 规则正在影响它。然后覆盖那些。

标签: css


【解决方案1】:

很确定(没有图片)你也需要box-shadow: none!important;

【讨论】:

    【解决方案2】:

    演示 - http://www.bootply.com/L0Sju3iguY

    设置outline:0box-shadow:none

    select:focus{
     outline:0;
     box-shadow:none;
    }
    

    【讨论】:

      【解决方案3】:

      您的样式可以用 !important 被另一种样式覆盖。如果没有代码示例,帮助你有点棘手......通常你应该避免使用!important(如果你只是为了尝试使这项工作正常工作)。您是否在输入中使用任何类?

      【讨论】:

        猜你喜欢
        • 2012-02-29
        • 1970-01-01
        • 1970-01-01
        • 2017-11-03
        • 1970-01-01
        • 1970-01-01
        • 2021-01-11
        • 2013-04-17
        • 1970-01-01
        相关资源
        最近更新 更多