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;
}

有什么问题？我用Google搜索，但无法找到答案！

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.text框而不是仅使用.textbox。

Answer 3

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

所以，使用更具体的规则（比如他的答案中提到的@Gayatri）。使用浏览器的“Inspect element”未来来确定女巫风格正在压倒其他人。

Answer 4

尝试添加重要的

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

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

4 个答案: