css - 另一种更改复选框文本颜色的方法

Question

我在带有 ASP.Net 前端的 Visual Studio 2015 中使用 C#。

我有这行代码:

<asp:CheckBox ID="chkMedical" runat="server" Text="Medical" ForeColor="White" 
              Font-Size="X-Small" Visible="False" />

当我运行这段代码时，文本“Medical”是黑色的。

为什么不是白色的？还有其他方法可以更改文本颜色吗？

Answer 1

颜色应该由 CSS 而不是 C# 内容生成来设置。您可以在技术上使用您的代码，它应该可以工作，但某些东西可能会覆盖内联 css 颜色。尝试将 CssClass 添加到您的元素中:

<asp:CheckBox ID="chkMedical" CssClass="chkMedical" runat="server" Text="Medical" ForeColor="White" 
          Font-Size="X-Small" Visible="False" />

然后将一些 CSS 添加到您的页面:

<style>.chkMedical { color: #FFF !important; } </style>

您可能应该在文档的头部添加标签，或者至少在 .aspx 页面的顶部或底部添加标签，您自己选择。或者您当然可以将其添加到文档引用的 CSS 文件中。

请注意，虽然您可以使用元素 ID 而不是类，但 ASP.NET 通常会将 ContentPlaceHolderID 附加到页面上的非静态 ASP 控件。因此，如果我们假设您的 ContentPlaceHolderID 名为“ContentPlaceHolder1”，那么下面的代码也可以工作。由于 ContentPlaceHolder 可能会发生变化，或者有人可能会将您的 ASP 控件更改为静态(导致元素 ID 发生变化)，因此我建议使用类来避免潜在的麻烦(个人经验)。

<style>#ContentPlaceHolder1_chkMedical { color: #FFF !important; } </style>