Css 如何在文本字段中显示多种字体颜色

我希望文本字段中包含“您的姓名*”
“您的名字”的颜色应为黑色，*的颜色应为红色。
我怎样才能做到这一点？？

---

请帮帮我。

一个文本框中不能有不同的颜色。（无论如何，跨浏览器都是可靠的）

对于必填字段，解决此问题的最常见方法是将星号直接放在元素中文本框的后面，并使用类将文本设置为红色

---

示例：

您不能；文本输入字段的值为纯文本

将说明（包括必要的必要性指标）放在标签中，而不是放在字段中。您可以将标记用于指示器，并为其着色：

<label for=name>Your name<span class=reqd>*</span>:</label>
<input id=name name=name size=40 required>

您的名字*：

我想你应该想要这个

CSS

label{
    color:black;
}
label  span {
    color:red;
}
input{
    line-height:25px;
    color:gray;
    font-size:16px;
}

input:focus{
color:black;
}

HTML

<label>
    Your Name:- <input type="text" value="your name"><span>*</span>
</label>

您的姓名：*

---

现场演示

这就是我在这里提出的问题。
多重颜色占位符

这里有一些技巧

。输入字段{
位置：相对位置；
显示：内联块；
}
.输入字段>标签{
位置：绝对位置；
左：0.5em；
最高：50%；
边缘顶部：-0.5em；
不透明度：0.5；
}
.输入字段>输入[类型=文本]：焦点+标签{
显示：无；
}
.输入字段>标签>范围{
字母间距：-2px；
}
.第一个字母{
颜色：红色；
}
.第二个字母{
颜色：蓝色；

你的名字
*

AFAIK，您不能部分更改文本字段或文本区域中的文本颜色。您需要研究使用contenteditable属性，并将其内容复制到文本字段以存储值（就像大多数WYSIWYG编辑器所做的那样）谢谢亲爱的。这有助于我理清思路。谢谢你的快速回复。我的设计师给了我一个页面设计，其中包含我在问题中提到的这种类型的文本字段。这对我来说是一个新事物。：）我想让圆圈悬停在我的图像上。它是分辨率为230 x 231的图像。当悬停在图像上时，它将只显示圆圈的一部分。它是如何实现的将会是？针对您的问题创建一个新问题，整个社区将能够提供帮助：）我创建了一个新的问题，但系统告诉我它不符合我们的质量标准：（不要让它拖你的后腿，再试一次，包括尽可能多的信息和代码。尝试一下你想要实现的目标，并询问一下你所坚持的东西。祝你好运。加入kiya he ye网络。bhot achi site he ye。