次のように私は、テキスト入力のためのスタイリングを設定したテキスト入力の高さ

Question

上書きしようとすると：、

/** INPUTS **/ 

input{ 
background:#FFFFFF url(../images/input_bg.png) repeat-x; 
border:1px solid #CCCCCC; 
margin-bottom:20px; 
padding:7px; 
-webkit-border-radius:2px; 
-moz-border-radius:2px; 
} 

/** Text Inputs **/ 

input[type=text].small{ 
    width:33%; 
} 

input[type=text].medium{ 
    width:66%; 
} 

input[type=text].large{ 
    width:98%; 
} 

その後、私はjQueryのプラグインでテキスト入力を持ち、それらが同じにスタイルされている使用していますが問題のクラスは以下の通りです：

.dataTables_filter { 
    width: 50%; 
    float: right; 
    text-align: right; 
} 

は、だから私は、新しいCSSルールの作成：

input.dataTables_filter { 
    height: 20px !important; 
    background: none !important; 
} 

をしかし、私はMAKに見えることはできませんeテキスト入力はそれより小さくなります。

ご迷惑をおかけして申し訳ありません。

Answer 1

すべてinputにはpadding:7px;があります。 font-sizeと組み合わせると、heightの縮退を防ぐことができます。 paddingをリセットしますか？