修改输入框placeholder文字默认颜色-webkit-input-placeholder
2016-03-02 17:31
507 查看
<input class="inputText" id="id_card" name="id_card" placeholder="请输入身份证号" type="text">
我想让input框默认显示的字体颜色和输入的颜色保持一致,一直认为应该要设置input的颜色,改了很久,一定用不管,最后想到了placeholder属性,于是乎百度了一下,果然placeholder默认的字体颜色是浅灰色的, 然后针对placeholder来设置你自己想要的颜色
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color: #000; opacity:1; } ::-moz-placeholder { /* Mozilla Firefox 19+ */ color: #000;opacity:1; } input:-ms-input-placeholder{ color: #000;opacity:1; } input::-webkit-input-placeholder{ color: #000;opacity:1; }
也可以给这个属性加字体
input::-webkit-input-placeholder { /* WebKit browsers*/ color:#999;font-size:14px; } input:-moz-placeholder { /* Mozilla Firefox 4 to 18*/ color:#999;font-size:14px; } input::-moz-placeholder { /* Mozilla Firefox 19+*/ color:#999;font-size:14px; } input:-ms-input-placeholder { /* Internet Explorer 10+*/ color:#999;font-size:14px; }
相关文章推荐
- NSAttributedString描述
- IOS 如何在工程中使用自己喜欢的字体
- Linux Fedora安装交叉编译工具链
- iOS开发第三方库之间出现duplicate symbol时的处理方法
- 我的第一篇博客
- 大型网站核心技术
- padding boder不改变盒大小
- 【郑轻-oj】-2000三个ASCII码排序(三个变量的冒泡)
- Java虚拟机学习:分代收集算法
- UVA 719(后缀自动机/最小表示法)
- Android ListView布局嵌套EditText不能输入文本
- android Material Design详解
- centos克隆,网卡启动失败
- HDU 4549 M斐波那契数列
- 【C++】实现动态顺序表的PushBack(),PopBack(),PushFront(),PopFront(),Find(),Insert
- Android Studio 获取SHA1签名
- Hibernate工作原理
- 关于材料设计vector矢量图形
- 二叉排序树的建立与遍历
- Android Https