关于去除表单选中时的蓝色边框和设置内置提示字体
来源:互联网 发布:软件版权声明 编辑:程序博客网 时间:2024/05/16 18:56
表单我们经常用到,有时候我们想自己设置表单的边框样式,但是当我们选中边框时,表单就会显示默认的蓝色外围边框,就像下图:
其实只要加一句:outline: 0;就可以解决这个问题了。
在表单中经常会有提示性的文字,当我们鼠标放上去文字又消失了,这种也可以用JS的onfocus事件和onblur事件来处理,但是这未免太麻烦了些,placeholder是html5新增的input的一个属性,主要是让表单体验更加智能,相当于value属性,但是他有一个好处就是当我们聚焦输入文本的时候我们在placeholder=”默认值”的文本就会自动清空。不过兼容性还不太好,至少ie好像要9以上才能支持。
那如果又要改变placeholder的颜色怎么办用css就可以,不过要考虑需要针对每个浏览器做单独的设定(可以在冒号前面写input和textarea)。
::-webkit-input-placeholder { /* WebKit browsers */ color:#999; } :-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color:#999; } ::-moz-placeholder { /* Mozilla Firefox 19+ */ color:#999; } :-ms-input-placeholder { /* Internet Explorer 10+ */ color:#999; }
感谢阅读
0 0
- 关于去除表单选中时的蓝色边框和设置内置提示字体
- 去除input边框 input去除边框 去除input获取焦点时的蓝色外边框
- 去除chrome、safari表单元素获取焦点时黄色或蓝色边框
- chrome去除蓝色边框和黄色背景色
- 去除自定义Dialog边框和标题蓝色线条
- chrome去除蓝色边框和黄色背景色
- chrome浏览器去除蓝色边框和黄色背景色
- 关于IE图片链接蓝色边框的问题
- 手机端页面去除a标签点击时的蓝色边框
- 去除浏览器文本框点击时候出现的蓝色边框
- 点击input时会有蓝色的选中框去除
- css去除文本框偶然出现的选中蓝色底问题
- 隐藏图片链接的蓝色边框和虚线
- 去除input边框和去除当点击input框时显示的边框
- iOS开发 在storyboard中拖的UITabBarController,设置选中时的图片和字体颜色
- 去除UITableView的边框线,背景,边框线设置
- UISegmenControl 的字体颜色,选中色,边框颜色的修改
- 关于去除刷新的提示
- (转)华兴资本包凡:我们这么屌,是有原因的
- 装最多水的容器
- 170411 VJ题解(2)(ZOJ
- 谷歌Inception网络中的Inception-V3到Inception-V4具体作了哪些优化?
- 51nod 1270 数组的最大代价
- 关于去除表单选中时的蓝色边框和设置内置提示字体
- 10-进程间通信-有名管道FIFO(功能:传输数据)
- HDU 2082 找单词 母函数
- JSON和GSON学习
- Bean named 'transactionAdvice' must be of type [org.aopalliance.aop.Advice], but was actually of typ
- bmon:Linux 下一个强大的网络带宽监视和调试工具
- 前端工程师之HTML基础知识1
- Java中的Listener监听器
- poj 2029 树状数组