修改input的placeholder颜色
1、CSS选择器
因为每个浏览器的CSS选择器有所差异,所以需要针对每个浏览器做单独的设定。
::-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;
}
2、textarea风格样式的代码,如下:
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
color: #636363;
}
input:-moz-placeholder, textarea:-moz-placeholder {
color: #636363;
}
3、指定修改哪个input的placehoder属性,可以使用class
input.addCardInput::-webkit-input-placeholder{
color: #ccc;
}
input.addCardInput:-moz-placeholder{
color: #ccc;
}
input.addCardInput::-moz-placeholder{
color: #ccc;
}
input.addCardInput:-ms-input-placeholder{
color: #ccc;
}
4、在Firefox和IE里,正常input文本颜色覆盖占位符颜色的方法:
::-webkit-input-placeholder {
color: red; text-overflow: ellipsis;
}
:-moz-placeholder {
color: #acacac !important; text-overflow: ellipsis;
}
::-moz-placeholder {
color: #acacac !important; text-overflow: ellipsis;
} /* for the future */
:-ms-input-placeholder {
color: #acacac !important; text-overflow: ellipsis;
}
最新文章
- ASP.net如何保证EF操作类线程内唯一
- UAT SIT QAS DEV PET
- python之变量篇
- BZOJ3425 : Poi2013 Polarization
- 【java】之读取InputStream流
- Unity 3D 关于给APK包加广告的流程
- phpmyadmin 主机名自动补全
- 【LeetCode OJ】Best Time to Buy and Sell Stock II
- Play Framework 2.2.6 安装
- 常见的HTTP状态码深入理解
- Repeater控件的详细用法
- spring 3配置文件中如何注入map list set等类型
- koa-static node服务器设置静态目录
- zabbix3.4 端口和进程监控配置
- C#应用NPOI实现导出EXcel表格中插入饼状图(可实现动态数据生成)
- mysql数据库的优化和查询效率的优化
- 【Codeforces 332C】Students' Revenge
- python settings :RROR 1130: Host 'XXXXXX' is not allowed to connect to this MySQL server
- [转]解决ssh登录后闲置时间过长而断开连接
- FOJ-1001-Duplicate Pair