修改input里placeholder颜色

2017年第一天上班! 开工大吉!

 

  html     如下:

<input type="text" placeholder="请输入密码" /> 

 Chrome支持input=[type=text]占位文本属性    所以,对下面这段代码并不起作用,另外,!important只有IE7和firefox能识别!
input[placeholder], [placeholder], *[placeholder] { 
color:#333 !important; 
} 

修改input里placeholder颜色的方法有很多,我比较喜欢的一种:


input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { 
 /* WebKit browsers */ 
color: #666; 
} 
input:-moz-placeholder, textarea:-moz-placeholder { 
/* Mozilla Firefox 4 to 18 */ 
color: #666; 
} 
input::-moz-placeholder, textarea::-moz-placeholder { 
 /* Mozilla Firefox 19+ */ 
color: #666; 
} 
input:-ms-input-placeholder, textarea:-ms-input-placeholder { 
 /* Internet Explorer 10+ */ 
color: #666; 
} 

其他方法有兴趣的同学可以一起交流喔!



评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值