文本框中的字符字体颜色不同

Question

例如，我有一个文本框，上面写着"eg.'one'"

"example"的字体颜色是否有可能在color:black，而"一"的字体颜色是color:red？

这是 html：

 <asp:TextBox ID="TextBox1" runat="server"  AutoPostBack="true" Text="example-one"></asp:TextBox>

我怎样才能做到这一点？

Answer 1

如果只需要显示文本，则应使用标签：

<asp:Label ID="Label1" runat="server" Text="Label">
    <span style="color:black">example</span><span style="color:red">-one</span>
</asp:Label>

如果需要两个不同的文本，则应使用两个文本框

<asp:TextBox ID="TextBox1" runat="server" ForeColor="Black">example</asp:TextBox>
<asp:TextBox ID="TextBox2" runat="server" ForeColor="Red">-one</asp:TextBox>

如果你需要用户可编辑，你会让ti使用一些html编辑器，比如：

http://www.freetextbox.com/

Answer 2

您可以在标签中使用<span>标签。

string s = "example-one";
s = s.Replace("example", "<span style="color:black">example</span>");
s = s.Replace("example", "<span style="color:red">one</span>");
Label1.Text = s;

同样，您可以在标签中用

span 标签替换字符串中要添加颜色的每个单词（例如，将example替换为 <span style="color:black">example</span> ）。