input提示文字；placeholder字体修改
Posted 飞翔梦想
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了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，字体会变成红色，然后输入文字后，文字马上会变成蓝色
以上是关于input提示文字；placeholder字体修改的主要内容，如果未能解决你的问题，请参考以下文章
修改输入框placeholder文字默认颜色-webkit-input-placeholder
element-ui中el-input需要改变placeholder的字体颜色