首页 > 文本框得到鼠标焦点出现outline的问题?

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

我在css设置

input:focus
{ 
outline: none !important;
}

也没有用,不知怎么回事?


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

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

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


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


直接input{
outline:none;
}


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

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

input: focus{ 
    outline: none !important;
}

input:focus {outline:none !important;}

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

【热门文章】
【热门文章】