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

Question

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

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

Answer 1

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

span{
background-color:yellow;    
}

Answer 2

从我看到的情况来看，您正试图将占位符一分为二并应用不同的样式，但这是无法做到的。

试试这个方法：

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

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