css - 如何通过 ID 设置 ASP.NET HTML 服务器控件的样式？

Question

当我在 ASP.NET 4.5 中使用 ID 创建 HTML 服务器控件 并使用 CSS 设置 ID< 的样式时，它失败了。当我检查 ASPX 页面的源代码时，它显示 ASP.NET 已经更改了我的控件的 ID。在这种情况下...

<div id="PasswordStatus" class="well well-sm" runat="server">
  Current
</div>

...成为...

<div id="article_PasswordStatus" class="well well-sm">
  Current
</div>

然后我可以可靠地(并考虑最佳实践)只为 #article_PasswordStatus 创建 CSS 样式吗？或者我应该为它创建一个一次性的 CSS 类，比如...

<div id="PasswordStatus" class="well well-sm password-status">
  Current
</div>

最好，我还能以某种方式使用我分配的原始 ID 吗？

注意:我不想将其转换为 Web 服务器控件。

Answer 1

假设 .net 4 及更高版本，您可以使用 ClientIDMode .你的 HTML 应该是这样的

<div id="PasswordStatus" class="well well-sm" runat="server" ClientIDMode="Static">
    Current
</div>

使用 Static 时，ClientID 值设置为 ID 属性的值。如果控件是命名容器，则该控件用作它包含的任何控件的命名容器层次结构的顶部。