在设置占位符的样式时，我们使用::-webkit-input-placeholder，但是如果要为单击的输入文本字段的占位符设置样式怎么办？例如，在http://www.bbc.com/news/uk网站右上方的搜索框的占位符颜色为深灰色，但是当您单击搜索框时，颜色变成浅色灰色的。我能知道怎么做吗？
您可以使用:focus和::-webkit-input-placeholder实现此目的。这是工作演示
的HTML
<input type="text" placeholder="My Placeholder" id="myInput">
的CSS
#myInput:focus::-webkit-input-placeholder {
color: red;
}
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
我来说两句