文本框得到鼠标焦点出现outline的问题？

Question

我在css设置

input:focus
{ 
outline: none !important;
}

也没有用，不知怎么回事？

Answer 1

input:focus {outline:none !important;}

Answer 2

看楼主贴出的代码是没有问题的，但是有种情况会导致其失效

1、不知道楼主的代码是否经过压缩，有些压缩工具会导致伪类选择器:后面自动加一个空格，这种情况会导致伪类选择器失效，如

input: focus{ 
    outline: none !important;
}

Answer 3

outline 不写默认就是没有的吧。
你这的ouline是不是js产生的？

Answer 4

这是border还是outline？还是看看computed style吧

Answer 5

看图应该不是input的宽度都不一样

Answer 6

直接input{
outline:none;
}

Answer 7

如果是 bootstrap ，它的 .form-control focus时候的样式，是通过 box-shadow 实现的，你可以设置

box-shadow: none;
-webkit-box-shadow: none;