0

私はcssオーバーライドの問題に直面しています。以下のCSSはテキストボックスに適用されます（クラス xdTextBox を使用） 

          .xdTextBox   {
            padding:1px;
            line-height:10px; 
            border:2px #cc0 solid;

}

     input[type="text"]  {
          padding:10px;
          margin:10px;
          line-height:15px; 
          border:none;

}

Result を padding:1px, line-height:10px, border:2px #cc0 solid; のテキスト ボックスとして表示したい。

!important またはインライン スタイルシートを使用できない

出来ますか ？あなたの解決策を提案してください

前もって感謝します

4

2 に答える 2

1

より優先順位の高いものを作成する一般的な考え方は、より具体的なセレクターを追加することです。

HTML:

<input type="text" class="xdTextBox" name="exmapleInput" />

CSS:

input[type="text"].xdTextBox {
    padding:1px;
    line-height:10px; 
    border:2px #cc0 solid;    
}

参考文献: CSS スタイルの優先度の確認

于 2013-09-16T10:05:45.733 に答える