asp.net - 将 CSS 子类型与 ASP.Net 控件一起使用(CSS 属性选择器)

Question

我正在尝试更改我的一些 ASP.Net 页面以使用 s 并替换一些 s。

我在对齐标签和文本框时遇到了一些问题，然后我发现了这个很棒的 JSFiddle: http://jsfiddle.net/p54SE/

我不知道 CSS 可以用来分别为 Label 和 input[type=text] 提供特定的指令。我将这些称为 CSS 的子类型，但如果您知道正确的术语，请告诉我。

我怎样才能重新创建它:

<div class='label-wrapper'>
  <asp:Label runat="server" ID="lbl_Title" Text="Title" />
  <asp:TextBox runat="server" ID="tb_Title"  />
</div>

我非常确定只需更改名称就可以，但运气不好。

div.label-wrapper > asp:标签{

Answer 1

您需要的 CSS 选择器是 div.label-wrapper > span

您混淆了服务器端控件和客户端 HTML。服务器端控件<asp:Label />呈现为 <span>元素。应用 CSS 规则时，请确保查看由 ASP.NET 应用程序呈现的 HTML。

选项 2

您还可以添加 CssClass属性到您的服务器端控件并直接引用所述类。

<asp:Label runat="server" Text="My Label Text" CssClass="label-text" />

并使用 CSS 选择器

.label-text{
  //your rules here
}