自定义占位文字(placeholder)的样式我们在为input元素或者textarea元素编写CSS样式的时候,如果需要自定义占位文字(即placeholder)的样式是什么造型时要做什么?CSS有一个伪元素selector::placeholder可以解决我们的问题。使用HTMLCSSinput::placeholder{color:red;字体大小:1.2em;font-style:italic;}Result但是要注意这个伪元素选择器是一个实验性的特性,浏览器兼容还需要一些时间。因此,我们需要添加一些前缀才能使用,如下图.input::-webkit-input-placeholder{color:#999;}/*IE10+*/input:-ms-input-placeholder{color:#999;}/*Firefox4-18*/input:-moz-placeholder{color:#999;}/*Firefox19+*/input::-moz-placeholder{color:#999;}input::placeholder{color:#999;}textarea::-webkit-input-placeholder{color:#999;}/*IE10+*/textarea:-ms-input-placeholder{color:#999;}/*Firefox4-18*/textarea:-moz-placeholder{color:#999;}/*Firefox19+*/textarea::-moz-placeholder{color:#999;}textarea::placeholder{color:#999;}参考链接:MDN-::placeholderCanIUse-::占位符