去除内核浏览器如：Chrome中获取焦点后橘黄色边框
2013-09-03 11:53:37 来源： 浏览： 次
导读：Chrome等一些浏览器，默认会为所有的输入框加上橘黄色的边框，虽然有时候可以使我们的网站看起来更友好，但对自定义的样式是有影响的。
例
Chrome等一些浏览器，默认会为所有的输入框加上橘黄色的边框，虽然有时候可以使我们的网站看起来更友好，但对自定义的样式是有影响的。
例如做了一个圆角框的input输入框，如果没有对边框focus时的属性做任何休息，Chrome将默认加上一个正方形的边框，无视你将input的border设为none的命令。
为了避免麻烦我们可以禁止chrome为被激活的输入框添加边框，方法如下:
1、禁止为所有被激活的输入框添加边框
*:focus {outline: none; }
2、禁止为被激活的输入框添加边框，例如
.class1:focus{ outline:none }
3、也可以自定义输入框被激活时的边框样式
.changeborder:focus { outline:Blue Solid 4px;}