修改placeholder字体颜色与大小要注意每个浏览器内核是不一样的,不过修改也很简单,看看下面的示例就可以了,如下。
html input输入框代码
css style样式代码,如下,复制到你的项目中即可。
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
color: #000; opacity:0.3;font-size:15px;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
color: #000;opacity:0.3;font-size:15px;
}
input:-ms-input-placeholder{
color: #000;opacity:0.3;font-size:15px;
}
input::-webkit-input-placeholder{
color: #000;opacity:0.3;font-size:15px;
}
color属性设置的是placeholder字体颜色。
opacity设置的是透明度,最高是1,表示不透明。
font-size设置的是placeholder字体大小。
来源网站:太平洋学习网,转载请注明出处:http://www.tpyyes.com/a/js_css/363.html