通过CSS禁止Chrome自动为输入框添加橘黄色边框
2014-05-03 16:18
435 查看
Chrome默认会为所有的输入框加上橘黄色的边框,虽然有时候可以使我们的网站看起来更友好,但对自定义的样式是有影响的。
例如做了一个圆角框的input输入框,如果没有对边框focus时的属性做任何休息,Chrome将默认加上一个正方形的边框,无视你将input的border设为none的命令。
为了避免麻烦我们可以禁止chrome为被激活的输入框添加边框,方法如下:
1. 禁止为所有被激活的输入框添加边框
*:focus { outline: none; }
2. 禁止为被激活的输入框添加边框,例如
.class1:focus{ outline:none }
3. 也可以自定义输入框被激活时的边框样式
.changeborder:focus { outline:Blue Solid 4px;}
文章链接:http://www.solagirl.net/override-chromes-automatic-border-around-active-fields-using-css.html
例如做了一个圆角框的input输入框,如果没有对边框focus时的属性做任何休息,Chrome将默认加上一个正方形的边框,无视你将input的border设为none的命令。
为了避免麻烦我们可以禁止chrome为被激活的输入框添加边框,方法如下:
1. 禁止为所有被激活的输入框添加边框
*:focus { outline: none; }
2. 禁止为被激活的输入框添加边框,例如
.class1:focus{ outline:none }
3. 也可以自定义输入框被激活时的边框样式
.changeborder:focus { outline:Blue Solid 4px;}
作者: Sola
文章链接:http://www.solagirl.net/override-chromes-automatic-border-around-active-fields-using-css.html
相关文章推荐
- 通过CSS禁止Chrome自动为输入框添加橘黄色边框,修改/禁止 chrome input边框颜色,
- Knockout: 实践CSS绑定和afterkeydown事件, 给未通过校验的输入框添加红色边框突出显示; 使用afterkeydown事件自动将输入转大写字母.
- Knockout: 使用CSS绑定和event的blur失去焦点事件, 给未通过校验的输入框添加红色边框突出显示.
- Knockout: 实践CSS绑定和jQuery的blur失去焦点事件, 给未通过校验的输入框添加红色边框突出显示.
- Knockout: 使用knockout validation插件进行校验, 给未通过校验的输入框添加红色边框突出显示.
- XEditText:带删除功能的EditText;可设置自动添加分隔符分割电话号码、银行卡号等;支持禁止Emoji表情符号输入;自定义右边显示图标作功能选项;仿iOS输入框风格
- 通过自定义属性添加样式(css+js,动态判断背景颜色)
- chrome表单自动填充导致input文本框背景变成偏黄色问题解决
- 通过css代码使边框变圆角(ie9以下浏览器不支持)
- js解决chrome自动填写表单后input出现黄色背景的解决方案
- 如何屏蔽Chrome、Safari等Webkit内核浏览器文本框和文本域的高亮边框、可变大小等自动外观处理
- OSX脚本:禁止系统自动添加AppStore图标到用户Dock上
- Sublime Text3通过HTML-CSS-JS Prettify自动格式化代码
- chrome表单自动填充去掉input黄色背景解决方案
- chrome中自动填充功能,背景出现黄色问题
- 通过微信分享链接地址会自动添加from参数区分来源
- asp.net通过HttpModule自动在Url地址上添加参数
- 自动给CSS,JavaScript文件添加版本号
- css取消聚焦边框[Chrome,Safari]
- 通过CSS控制图片自动缩放