Я установил стиль для ввода текста следующим образом:
/** 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;
}
Но я не могу сделать ввод текста меньше.
Любая помощь очень ценится.