对文本框中的选定文本应用样式

Question

我有以下代码

   $('#txtEditor').select(function (e) {
        var start = e.target.selectionStart;
        var end = e.target.selectionEnd;
        selText = $('#txtEditor').val().substring(start, end);
    });
<asp:TextBox ID="txtEditor" runat="server" TextMode="MultiLine" Width="500px" Height="500px" Font-Size="Large"></asp:TextBox>

我想在文本框中应用一些样式(颜色或使其粗体或斜体等)，仅对选定的文本(选择后)。在selText我得到选定的字符串。但是我找不到任何事件或函数将只应用样式到文本框中的选定字符串

Answer 1

这是完整的解决方案…SUDHA

http://js小提琴.net/sandeepvirani/mzays/

删除

Answer 2

要改变页面上文本的选择部分的颜色，使用CSS ::selection伪元素。

参考MDN文档

请注意，

• 这是一个非标准的选择器，被许多浏览器支持，但不被W3C认可。
• 你不能改变任何属性，只能改变颜色。不大胆!

如果你想改变段落或其他内容中的一些文本，你可以使用Javascript快速地将整个选择放入一个新元素，一个span或其他东西，然后将属性应用到span。但是，如果它是文本框中的文本，您就不走运了，因为您不能向input添加子元素。