通过CSS禁止Chrome自动为输入框添加橘黄色边框
来源:互联网 发布:英伦宝贝淘宝店 编辑:程序博客网 时间:2024/05/16 15:53
Chrome默认会为所有的输入框加上橘黄色的边框,虽然有时候可以使我们的网站看起来更友好,但对自定义的样式是有影响的。
例如做了一个圆角框的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
0 0
- 通过CSS禁止Chrome自动为输入框添加橘黄色边框
- 去Chrome浏览器中input文本框默认的橘黄色边框
- 用CSS为table添加边框
- 通过js为表单添加CSS样式
- 不同浏览器兼容问题—— input 添加required属性 firefox下输入框为红色 +禁止中文输入
- 不同浏览器兼容问题—— input 添加required属性 firefox下输入框为红色 +禁止中文输入
- 为组件添加边框
- 为UIView添加边框
- 为button添加边框
- 为Chrome和firefox地址栏添加自动 https Google 搜索
- 为图片添加边框(卡片式边框)
- 禁止chrome浏览器自动填充到表单
- css 禁止文字自动换行
- Android--为TextView添加边框
- Android--为TextView添加边框
- android 为TextView添加边框
- android 为TextView添加边框
- 如何为组件添加边框
- iOS 企业证书发布app 流程
- 哈希算法原理学习
- 图片上传
- nyoj 56 阶乘因式分解(一)
- maven: 开发、测试和生产环境使用不同的配置文件例子
- 通过CSS禁止Chrome自动为输入框添加橘黄色边框
- File
- SIM卡的相关知识
- 提示弹窗
- 解决Eclipse登陆Hadoop出现的权限问题
- inet_pton, inet_ntop
- js验证时间格式+Java计算两个数的百分比,以百分号显示+ mysql的limit分页技术
- 问题记录:|| 和 && 运算符的操作数必须能够转换为逻辑标量值。 出错 vision.CameraParameters/getValidBounds (line 694)
- C#中的泛型