grid

grid

  BlogJava :: 首页 :: 联系 :: 聚合  :: 管理
  78 Posts :: 0 Stories :: 62 Comments :: 0 Trackbacks
表单:控件尺寸调整
                
            
                     

参考示例表单:加载、保存


            
       

宽度调整

可以在style中直接设置:
<input class="mini-textbox" style="width:200px;"/>
           

高度调整

如果需要调整按钮、输入框、下拉框、日期框等控件的高度,需要通过CSS样式,如下代码:
/* 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;
}

   
posted on 2012-10-08 16:45 nikofan 阅读(3054) 评论(1)  编辑  收藏

Feedback

# re: jQuery MiniUI 开发教程 表单控件 表单:控件尺寸调整(四) 2015-05-07 13:53 werwe
eqwewqe
rwe  回复  更多评论
  


只有注册用户登录后才能发表评论。


网站导航: