asp.net - 为什么我不能在 asp.net 中的文本框上应用 css？

Question

我在 asp.net 中的文本框上应用 css 时遇到问题！

这是我的文本框：

<asp:TextBox ID="TextBox1" CssClass="textbox" runat="server" Height="22px" Width="128px" 
    BackColor="#CCCCCC"></asp:TextBox>

如您所见，我将 CssClass 添加到文本框中。这是我正在使用的 CSS

.textbox
{ 
   background-color: Red;
   font-weight: bold;
}

问题是什么？我用谷歌搜索，但找不到答案！

Answer 1

删除您的BackColor="#CCCCCC"属性。Asp.net 将其呈现为元素上的内联 css 样式。

内联样式在 CSS 中的优先级高于 CSS 类。

<asp:TextBox ID="TextBox1" CssClass="textbox" runat="server" 
     Height="22px" Width="128px"></asp:TextBox>

.textbox
{ 
   background-color: Red;
   font-weight: bold;
}

Answer 2

input.textbox
{ 
 background-color: Red;
 font-weight: bold;
}

请使用 input.textbox 而不是 pf only .textbox。

Answer 3

这是一个 CSS 样式规则优先问题。您指定的 BackColor 属性转换为style="background-color:#cccccc". 所以这个颜色被应用而不是红色（css类）。并且 DonNetNuke css 规则可能会覆盖您的规则。

所以，使用更具体的规则（比如他的回答中提到的@Gayatri）。使用浏览器“检查元素”来确定女巫风格是否凌驾于其他风格之上。

Answer 4

尝试添加重要的

input[type=”text”]
 { 
 background-color: Red!important;
 font-weight: bold;
}