Chrome默认会为全数的输出框加上橘黄色的边框，固然无意偶尔候可使咱们的web看起来更朋侪，但对自定义的格式是有影响的。当鼠标点击输出框时，在谷歌chrome浏览器中，光标移到输出框时激活输入框会被加上橘黄的边框，鼠标光标移开输入框后被加橘黄色边框消失。这个google涉猎器积极为输出框加css样式尤其不雅观影响造诣，这里引见操持在谷歌涉猎器中制止被激活输入框加橘黄色样式。

例如做了一个圆角框的input输出框，假定没有对边框focus时的属性做任何劳动，Chrome将默认加之一个正方形的边框，无视你将input的border设为none的号令。

div css勾销输出框被动加橘黄色边框

为了抗御省事咱们概略制止chrome为被激活的输出框添加边框，方式以下:

1. 制止为全数被激活的输出框增长边框（推荐此门径）

1. *:focus {outline: none} 

2. 制止为被激活的输出框增多边框，好比

1. .abc:focus{ outline:none } 

阐明：".abc"为输入框对象自界说增进的class类定名

3. 也能够自定义输入框被激活时的边框花色

1. .abc:focus { outline:Blue Solid 4px;} 

阐明：".abc"是自定义的css 命名。

如需转载，请注明文章出处和来源网址：http://www.divcss5.com/rumen/r52871.shtml