Css 如何使输入占位符中的最后一个字符变为红色？

这是我的输入字段，我想将最后一个字符“*”改为红色，而不是透明的黑色

---

我尝试了很多不同的方法，但没有一个有效，任何帮助都将不胜感激

您可以使用

：：placeholder

选择器为占位符赋予另一种颜色。然而，只给一个字母另一种颜色是不可能的

您可以通过使用

HTML

和

CSS

创建自定义输入元素来实现所需的功能

/**
*这只是一个基本概念，说明如何仅使用HTML和CSS实现您想要的内容。
*/
.输入{
背景色：#fff；
边界半径：3px；
位置：相对位置；
显示：内联块；
边框：1px实心#888；
}
输入{
背景色：透明；
位置：相对位置；
填充物：5px；
z指数：1；
边界：无；
}
.占位符{
位置：绝对位置；
颜色：#ccc；
左：5px；
最高：50%；
转换：translateY（-50%）
}
/*当需要输入时，添加asterix*/
输入：必需+。占位符：：后{
内容：“*”；
颜色：红色；
}
/*当用户希望填充输入时隐藏占位符*/
输入：焦点+.占位符{
可见性：隐藏；
不透明度：0；
}

你的名字

Simple，你不能。唯一的方法是创建自定义输入。