试图覆盖文本输入高度

问题描述

| 我为我的文本输入设置了样式，如下所示：

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

但是我似乎无法使文本输入变小。 任何帮助深表感谢。     

解决方法

        所有

input

上都有

padding:7px;

。结合ѭ5，可以防止ѭ6缩小。尝试重置the7吗？