如何设置输入框input中placeholder的字体颜色、字号
来源:互联网 发布:淘宝碧素堂面膜怎么样 编辑:程序博客网 时间:2024/06/06 17:19
一、须知
placeholder属性时css3中新增加的属性,IE9和Opera12以下版本的CSS选择器均不支持占用文本。
二、设置placeholder文字颜色、字号
方式1
因为每个浏览器的CSS选择器都有所差异,所以需要针对每个浏览器做单独的设定(可以在冒号前面写input和textarea)。
::-webkit-input-placeholder{/*Webkit browsers*/ color:#999; font-size:16px;}:-moz-placeholder{/*Mozilla Firefox 4 to 8*/ color:#999; font-size:16px;}::moz-placeholder{/*Mozilla Firefox 19+*/ color:#999; font-size:16px;}:-ms-input-placeholder{/*Internet Explorer 10+*/ color:#999; font-size:16px;}
方式2、建议使用该方式,如果是在手机客户端webview只使用-webkit内核方式即可。
input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{
color:#666;
font-size:16px;
}
input:-moz-placeholder,textarea:-moz-placeholder{
color:#666;
font-size:16px;
}
input::-moz-placeholder,textarea::-moz-placeholder{
color:#666;
font-size:16px;
}
input:-ms-input-placeholder,textarea:-ms-input-placeholder{
color:#666;
font-size:16px;
}
阅读全文
0 0
- 如何设置输入框 input 中 placeholder的字体颜色、字号
- 如何设置输入框input中placeholder的字体颜色、字号
- 设置input中placeholder的字体颜色及属性
- input的placeholder设置字体颜色
- 如何设置css3中placeholder的字体颜色
- 如何设置css3中placeholder的字体颜色
- 如何设置textField的placeholder字体颜色
- input,textarea的placeholder属性设置字体颜色
- input,textarea的placeholder属性设置字体颜色
- 如何设置文本输入框中字体的颜色?
- 怎么修改input中placeholder的字体颜色
- css修改input中placeholder 的字体颜色
- input框placeholder颜色设置
- CSS3中,如何设置text文本框中,placeholder的字体颜色大小等
- 修改UItextField输入框placeholder的字体默认颜色和大小,采用KVC方式设置
- markdown字体、颜色、字号的设置
- Html5中input的placeholder文字颜色设置
- Html5中input的placeholder文字颜色设置
- Myeclipse2014编辑JavaScript点"."的时候会卡死的解决办法
- Python正则表达式
- Android跨进程通信中,对Binder的不完全理解
- windows之UIAutomation鼠标操作
- web uploader在Firefox下上传点击无效的解决方法
- 如何设置输入框input中placeholder的字体颜色、字号
- Java集合框架之_泛型
- hdu4405[Aeroplane chess] 有点懂了期望概率DP
- Log4j 重写 RollingFileAppender 实现按日期生成文件夹文件名
- 编写MANIFEST.MF文件时的注意事项:
- mkv210_image.c文件
- 条件随机场CRF
- 学习IT编程必看的资源介绍
- Android设计模式之——迭代器模式