JQueryMiniUI development tutorial Form Control Form: widget size adjustment (4)

You can directly set the width in the style: & lt; inputclass & quot; mini-textbox & quot; style & quot; width: 200px; & quot;/& gt; to adjust the height of a widget, such as a button, input box, drop-down box, or date box, use the CSS style, as shown in the following code:/* button */. mini-butt...

Width Adjustment

You can directly set it in style:


Height Adjustment

To adjust the height of controls such as buttons, input boxes, drop-down boxes, and date boxes, use the CSS style as follows:
/* Button */
. Mini-button-text
{
Padding-top: 1px;
Padding-bottom: 2px;

Padding-top: 3px \ 9;
Padding-bottom: 1px \ 9;
}
/* Textbox */
. Mini-textbox
{
Height: 19px;
}
. Mini-textbox-input
{
Height: 17px;
Line-height: 15px;
}
/* Buttonedit */
. Mini-buttonedit
{
Height: 19px;
}
. Mini-buttonedit-border
{
Height: 17px;
}
. Mini-buttonedit-input
{
Height: 17px;
Line-height: 15px;
}
. Mini-buttonedit-button
{
Height: 13px;
}
. Mini-buttonedit-icon
{

Width: 15px;
Height: 14px;
}
. Mini-datepicker. mini-buttonedit-icon
{
Background-position: 50% 1px;
}