jquery - 试图覆盖文本输入高度

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

但我似乎无法让文本输入变得更小。

非常感谢任何帮助。

Answer 1

所有输入上都有padding:7px;。结合 font-size，这可以防止 height 缩小。尝试重置 padding？