input提示文字；placeholder字体修改

在很多网站上我们都看到input输入框显示提示文字，让我们一起来看看如果在input输入框中显示提示文字。我们只需要在<input>标签里添加：placeholder="提示文字即可"。

<style>

/*修改提示文字的颜色*/

input::-webkit-input-placeholder { /* WebKit browsers */ 

color: red; 

} 

input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ 

color: red; 

} 

input::-moz-placeholder { /* Mozilla Firefox 19+ */ 

color: red; 

} 

input:-ms-input-placeholder { /* Internet Explorer 10+ */ 

color: red; 

} 

input {  color:blue; }

</style>

 

设置以后如果input 有placeholder，字体会变成红色，然后输入文字后，文字马上会变成蓝色