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,字体会变成红色,然后输入文字后,文字马上会变成蓝色

【推广】 免费学中医,健康全家人
原文地址:https://www.cnblogs.com/laneyfu/p/7514106.html