【问题标题】:Why can't I apply css on textboxes in asp.net?为什么我不能在 asp.net 中的文本框上应用 css?
【发布时间】:2013-06-09 12:06:29
【问题描述】:

我在 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了一下,没找到答案!!

【问题讨论】:

  • 使用 input.textbox 或 input[type="text"]
  • 我将 css 添加到:Documentation.css。
  • 另外别忘了提一下,我正在使用 dotnetnuke...
  • 尝试更改类名
  • @Anna.P,我使用了那个代码......也没有用:(

标签: asp.net css textbox


【解决方案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;
}

【讨论】:

    【解决方案2】:
    input.textbox
    { 
     background-color: Red;
     font-weight: bold;
    }
    

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

    【讨论】:

    【解决方案3】:

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

    因此,请使用更具体的规则(例如@Gayatri 在他的回答中提到的规则)。使用浏览器“检查元素”未来来确定女巫风格是否凌驾于其他风格之上。

    【讨论】:

      【解决方案4】:

      尝试添加重要的

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

      【讨论】:

      • 不,永远不要使用!important
      猜你喜欢
      • 1970-01-01
      • 2021-09-05
      • 1970-01-01
      • 1970-01-01
      • 2018-12-15
      • 2022-11-18
      • 2020-02-29
      • 1970-01-01
      • 1970-01-01
      相关资源
      最近更新 更多