将CSS添加到占位符[重复]的部分

Question

这个问题在这里已有答案：

• Change color for one part of placeholder [duplicate] 1回答
• How can I style individual parts of an input placeholder? 2回答

我可以在文本框中将css应用于占位符的部分吗？

<input name="name" placeholder= "Enter my name"> </input>

我可以将name的颜色更改为红色。但我只想将颜色仅应用于特定的单词。

Answer 1

这可能对你有帮助

<input id="name" name="name" placeholder= "Enter my name"> </input>

//chrome, opera, safari
#name::-webkit-input-placeholder:after {
   content:"name";
   color:red;
}

//mozilla firefox
#name::-moz-placeholder:after {
    content:"name";
    color:red;
}

//internet explorer
#name:-ms-input-placeholder:after {     
    content:"name";
    color:red;
}