一、设置placeholder的方法
placeholder属性用来设置控件内部的提示信息
<input type="text" placeholder="请输入用户名">
改变placeholder的样式:
input::placeholder {
color: red;
font-size: 22px;
}
二、各浏览器样式兼容设置
1、针对谷歌浏览器的设置方式:
input::-webkit-input-placeholder {
color: red;
font-size: 22px;
}
2、针对火狐浏览器的设置方式:
input::-moz-placeholder {
color: red;
font-size: 22px;
}
3、针对IE浏览器的设置方式:
input:-ms-input-placeholder {
color: red;
font-size: 22px;
}
三、设置placeholder的样式无效–解决方法
设置placeholder方法无效的原因:
如果在某些公共样式中,已经对placeholder的样式进行了设置,再次对placeholder的样式进行设置时,就会无效,
解决方法是,给样式加 !important
; 增加权重即可。
最新评论