使用css更改占位符文本的最后一个字母

Question

我有一个用户名占位符。 其占位符文本为“输入您的用户名*”。 我想改变*（星号）的颜色。 我谷歌，但所有的解决方案是使用javascript或jquery但我想让它使用CSS。

任何人都知道如何使用css做到这一点？

谢谢， Aezaz

Answer 1

是的，这是可能的，请检查此问题，但它会有Browser Compatibility个问题

<强> Working Fiddle for Chrome

input::-webkit-input-placeholder:after /* Only for Chrome */
{
   color:red;
   content:"*";
   opacity: 1
}

阅读本文;

Style Placeholder Last Character with CSS

祝你好运！

Answer 2

您无法仅为占位符的星形部分设置样式。检查this page以使用CSS

为占位符设置样式

或者，您可以使用绝对位置标签/ div，并在*周围设置范围，然后设置范围。

Answer 3

以下代码适用于占位符

::-webkit-input-placeholder {
   color: red;
}

:-moz-placeholder { /* Firefox 18- */
   color: red;  
}

::-moz-placeholder {  /* Firefox 19+ */
   color: red;  
}

:-ms-input-placeholder {  
   color: red;  
}

仅适用于*（明星）的风格不是..