修改EasyUI中combobox 的样式!
2012-06-11 18:45
639 查看
默认的样式:
![](https://oscdn.geek-share.com/Uploads/Images/Content/202011/18/60f02b2ca5967a9cc5c4f0f9b9091c44.png)
文字与紧靠着左边距,不太好看,我们给他加点距离,距离产生美吗,打开 COMBO.CSS 在.combo-text这个类中加入 padding-left:3px;
加入这句以后,的确有距离啦,也美啦,但右边的下拉箭头变窄啦,在次打开 jquery.combo.js 找到
_5.find("input.combo-text").width(_5.width()-_7); 大约在29行,把这行改为
_5.find("input.combo-text").width(_5.width()-_7-3);
保存,运行吧,一切OK啦
效果如下:
修改后:
![](https://oscdn.geek-share.com/Uploads/Images/Content/202011/18/6b3ca90a0b68e66e3b31118afd6cd13e.jpg)
修改前:
![](https://oscdn.geek-share.com/Uploads/Images/Content/202011/18/60f02b2ca5967a9cc5c4f0f9b9091c44.png)
有区别吗?
![](https://oscdn.geek-share.com/Uploads/Images/Content/202011/18/60f02b2ca5967a9cc5c4f0f9b9091c44.png)
文字与紧靠着左边距,不太好看,我们给他加点距离,距离产生美吗,打开 COMBO.CSS 在.combo-text这个类中加入 padding-left:3px;
加入这句以后,的确有距离啦,也美啦,但右边的下拉箭头变窄啦,在次打开 jquery.combo.js 找到
_5.find("input.combo-text").width(_5.width()-_7); 大约在29行,把这行改为
_5.find("input.combo-text").width(_5.width()-_7-3);
保存,运行吧,一切OK啦
效果如下:
修改后:
![](https://oscdn.geek-share.com/Uploads/Images/Content/202011/18/6b3ca90a0b68e66e3b31118afd6cd13e.jpg)
修改前:
![](https://oscdn.geek-share.com/Uploads/Images/Content/202011/18/60f02b2ca5967a9cc5c4f0f9b9091c44.png)
有区别吗?
相关文章推荐
- 将easyui中的tree改为自定义的样式(包括修改字体大小,ul容器的高度...)
- 修改Easyui验证的样式
- Easyui Combobox修改输入框颜色
- 修改easyui combobox源码,实现模糊搜索
- 【WPF】修改ComboBox样式
- easyui 动态修改标题行,tr和td样式
- 修改easyui panel 默认样式
- 使easyui中combobox限制显示的数量以提升效率(修改源码)
- easyui修改源码实现combobox的真正模糊查询
- easyui 通过判断修改单独行的样式
- 在easyui中如何修改combobox的下拉框的高度为自适应高度
- easyui-datagrid 根据某一列修改另一列的样式
- easyui datagrid动态修改editor时动态绑定combobox的数据
- Easyui Datagrid 的Combobox 如何动态修改下拉选项,以及值的转换
- jquery EasyUi combobox 控件样式修改(对当前combobox的修改)
- Easyui combobox 源码修改模糊查询v=1.34
- easyui validatebox-invalid样式修改
- EasyUI中的dialog修改样式
- easyui-combobox下拉框修改源码 实现模糊搜索
- easyUI combobox二级联动修改页面自动加载已选选项