DIV+CSS 在Google浏览器中如何去除点击input控件时的黄色边框？

发布网友发布时间：2022-04-20 22:18

我来回答

共7个回答

懂视网时间：2022-04-21 02:39

点击Chrome浏览器里的输入框后，会出现一个黄色的矩形框，怎么去掉这个？
input,button,select,textarea{outline:none}；还是去不掉黄色方框

回复讨论(解决方案)

这是浏览器加上去的样式，没法改的

我测试是可以去掉，你发多点代码看看？

我测试的也可以呀，代码如下：

   Temp Web Page

Win7 SP1，Chrome 26 稳定版

outline:none应该是可以的

热心网友时间：2022-04-20 23:47

这个是谷歌默认给text标签添加的一个属性，就像给默认最小字号限定为12px一样。你只需要在css初始位置将css重定义一下就可以了。代码是outline:none；

类似的重定义有：

margin:0;padding:0;
list-style-type:none;//这个主要针对li标签前面的各种圆点，方块等东西
text-decoration:none;//这个主要针对a标签的下划线，如果针对所有标签应用的话也会
//清除<s><del>的删除线效果
border:none;//这个主要是img标签在ie中的边框问题，如果针对所有标签应用的话也会
//清除input默认的边框，也就是会让input显示的不明显
fong-family:"宋体";//这个是最新版的火狐浏览器将默认字体改成“微软雅黑”的问题

当然还有其他的，在这就不一一列举了，根据自身的情况将一些标签的默认样式清空就可以了。

热心网友时间：2022-04-21 01:05

超简单，css文件里加句话：*:focus { outline: none; }

热心网友时间：2022-04-21 02:40

input {outline:none;}

热心网友时间：2022-04-21 04:31

设置input css样式 outline:none

热心网友时间：2022-04-21 06:39

岞~
溯水.
都成为你地伴娘 [ -

热心网友时间：2022-04-21 09:04

目前没有发现去掉Chrome边框的办法