删除bootstrap选择焦点轮廓在chrome中

Question

我尝试执行以下操作以消除对引导程序选择的关注（我不想实际删除它，只是为了改变它的颜色）

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

仍然看到它周围的阴影......任何人都有线索？

Answer 1

非常确定（没有图片）您还需要box-shadow: none!important;

Answer 2

你的风格可能被另一种风格覆盖！重要。没有代码示例，帮助你有点棘手......一般来说，你应该避免使用！important（如果你只是试图让它工作就可以了）。您是否在输入中使用任何课程？

Answer 3

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

设置outline:0和box-shadow:none

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