在标签控件中应用html格式

Question

在这种情况下，html格式应用得很好。 姓氏显示为5。

lblWelcome.Text = "Welcome:<font size=''5''>" & txtSurname.Text & "</font>"

为什么在此示例中未应用html样式？

lblWelcome.Text = "Welcome:<font color=''white''>" & txtSurname.Text & "</font>"

Answer 1

请，请不要使用字体标签。此外，如果您真的想从服务器端输出HTML，那么您应该使用Literal控件。

以下是我将如何做的示例：

aspx / ascx文件：

Welcome: <asp:Literal id="lit1" runat="server" />

代码背后的代码：

lit1.Text = "<span class='welcome'>" & txtSurname.Text & "</span>"

或你的另一个例子：

lit1.Text = "<span class='welcomeBig'>" & txtSurname.Text & "</span>"

的CSS：

span.welcome { color:#fff; }
span.welcomeBig { font-size:24px; }

希望这有帮助

Answer 2

作为替代方案，您可以使用ASP.NET Literal Web控件并将其Mode属性设置为Encode或Transform。

Literal1.Mode = LiteralMode.Encode

Literal.Text = "Welcome:<font color='white'>" & txtSurname.Text & "</font>"

在上面的代码中，HTML元素将被转换为适当的HTML，只留下姓氏文本为白色。

Answer 3

您可以在Label上设置ForeColor属性。

lblWelcome.Text = txtSurname.Text;
lblWelcome.ForeColor = "white";

你必须把'欢迎'放在标签之外，但这可能更合乎逻辑。

Welcome:<asp:Label id="lblWelcome" runat="server" />

Answer 4

另外，请不要忘记对姓氏进行HTML编码：Server.HtmlEncode(txtSurname.Text);