JQuery/JavaScript - 突出显示输入或文本区域中的一部分文本

Question

可能的重复：
如何使用 Javascript 或 JQuery 在 HTML 中突出显示输入文本字段的一部分

有谁知道如何突出显示input[type=text]或 中的某些文本textarea？是否可以？

Answer 1

你必须div在你的后面放置一个textarea，然后根据它的文本设置样式。
注意事项：

• 将您设置textarea background-color为透明以查看您的highlighter颜色。
• 您highlighter必须与您的样式和文本内容相同textarea才能将其span放在正确的位置。
• 将您的highlighter文本设置为与背景相同的颜色，否则您会看到<b>效果，对于span.

html :

<div class="highlighter">some text <span>highlighted</span> some text</div>
<textarea>some text highlighted some text</textarea>

css :

.highlighter, textarea {
    width: 400px;
    height: 300px;
    font-size: 10pt;
    font-family: 'verdana';
}

.highlighter {
    position: absolute;
    padding: 1px;
    margin-left: 1px;
    color: white;
}

.highlighter span {
    background: red;
    color: red;
}

textarea {
    position: relative;
    background-color: transparent;
}

演示