如何将CSS应用于文本框中的部分文本？

Question

我有几个文本框，如下所示，我想将一些样式应用于冒号前面的单词：

有人可以建议如何实现这一目标吗？

Answer 1

从我看到你试图将占位符分成两部分并应用不同的风格而无法完成。

尝试这种方法：

<form>
    <fieldset>
        <label for="name">Name:</label>
        <input id="name" type="text" placeholder="Batman" />
    </fieldset>
<form>

这样，您可以在每个元素上应用两种不同的样式。 placeholder可以是样式，但不适用于所有浏览器。 placeholder 属性为HTML5 。

Answer 2

<div contenteditable='true' 
style="width:225px;height:23px;border:1px solid black">
<span>Nome a Cigonome :</span>
entry of user

span{
background-color:yellow;    
}