1

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

何が問題ですか？ググったのですが、答えが見つかりません!!

4

4 に答える 4

6

属性を削除します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;
}
于 2013-06-13T07:37:14.550 に答える
1 
input.textbox
{ 
 background-color: Red;
 font-weight: bold;
}

.textbox のみの代わりに input.textbox を使用してください。

于 2013-06-13T07:32:30.770 に答える
0

これは、CSS スタイル ルールの優先順位の問題です。指定した BackColor プロパティは に変換されstyle="background-color:#cccccc"ます。したがって、この色は赤 (css クラス) の代わりに適用されます。また、DonNetNuke css ルールがルールをオーバーライドする場合があります。

したがって、より具体的なルールを使用してください（@Gayatriの回答で言及されているルールなど）。ブラウザの「Inspect element」future を使用して、ウィッチ スタイルが他のスタイルをオーバーライドしていることを確認します。

于 2013-06-13T07:45:03.047 に答える
-1

重要を追加してみてください

input[type=”text”]
 { 
 background-color: Red!important;
 font-weight: bold;
}
于 2013-06-13T07:54:52.987 に答える