一般placeholder的字体颜色要比输入的value值色值要淡一些的,所以我们用到了
:-webkit-input-placeholder,
:-moz-placeholder,
:-ms-input-placeholder,这几个伪类元素。
在safiri上发现input上的value用的是浏览器定义的字体样式,而不是我原来设置的Arial字体,心塞。
注意关于plaholder的这个是没有
-o- .......
如下,这样关于input的placeholder和value都是想要的字体样式了、
按钮上的字体样式直接写在该input上。没有什么要说的了,的了
input::-webkit-input-placeholder,
input{
font-family:Arial, Helvetica, sans-serif;
}
input:-moz-placeholder,
input{
font-family:Arial, Helvetica, sans-serif;
}
input:-ms-input-placeholder,
input{
font-family:Arial, Helvetica, sans-serif;
}
--------------------------------------------------------
最后很狗血的发现这样写是useless
然后莫名的试了很多次以为没有用
真实的code:
::-webkit-input-placeholder{color:#f72109;}
::-moz-placeholder{color:#f72109;}
:-ms-placeholder{color:#f72109;}
.xx ::-webkit-input-placeholder{color:#f72109;}
.xx ::-moz-placeholder{color:#f72109;}
.xx :-ms-placeholder{color:#f72109;}
.xx为类名
或
box-shadow: inset 0 0 0 1000px #fff;
-moz-box-shadow: inset 0 0 0 1000px #fff;
/* -webkit-box-shadow:inset 0 0 0 1000px #fff; */
}