更改占位符最后一个字符的颜色

Question

我有一张inputs的表单，除了帮助文本外，placeholders显示*必填字段。

我想要的是改变*的颜色，即占位符的最后一个字符

<input type="text" placeholder="Name *" />

那有选择器吗？ 除了下面的选择器，选择placeholder;

input::-webkit-input-placeholder（适用于webkit浏览器）

提前感谢！

Answer 1

有点棘手，你必须检查自己是否有不同的浏览器支持，但这里有一个 Fiddle Demo ： - ）

<强> HTML

<input type="text" placeholder="Name" />

<强> CSS

input::-webkit-input-placeholder:after{color:red;content:" *";}

刚刚将*移动到：after元素的一部分，并单独设置它的样式。

Answer 2

最受好评的解决方案不再起作用 我从How to set color for last character in placeholder找到了解决方案 这是代码：

fun