试图覆盖文本输入高度

我已经设置了造型为我的文字输入如下：试图覆盖文本输入高度

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

但我似乎无法麦e将文字输入更小。

任何帮助，非常感谢。

来源

2011-05-30 martincarlin87

您是否有示例页面？ – Niklas 2011-05-30 15:38:34

你的意思是输入内的实际文字吗？尝试行高或fontSize – 2011-05-30 15:40:25

不是文本，即文本输入框的实际高度。示例页面很难链接到，因为您需要登录才能看到它：/ – martincarlin87 2011-05-30 15:42:10

input s有padding:7px; s。加上font-size，这可能会使height缩小。尝试重置padding？

来源

2011-05-30 15:41:07

这是一个很好的留言，我敢肯定，我已经尝试过，把margin和padding设置为0以防万一，用'padding：0px！important！没有什么变化:( – martincarlin87 2011-05-30 15:49:24

也尝试调整''字体大小'为您的'输入'。 – 2011-05-30 15:52:40

这里是我现在有什么：'input.dataTables_filter {height：20px！important; background：none！important; 填充：0像素重要; 字体大小：10px的重要; }' 不知道是什么原因引起的。如果我拿出原始输入规则，那么它看起来不错，所以不要有一个线索，为什么我！无法覆盖它 – martincarlin87 2011-05-30 15:55:31

试图覆盖文本输入高度

回答

相关问题