jQuery MiniUI

标题: 请问这个界面样式如何解决 [打印本页]

作者: myemovie 时间: 2015-3-11 14:08:19 标题: 请问这个界面样式如何解决

我整体框架用了BOOTSTRAP，但我想用MUNIUI的Treeselect控件来做下拉框，正在做前期技术研究，打算向公司推荐miniui，但目前结合后发现样式不匹配，又不能去掉MINIUI里面的CSS，
代码如下：
<div class="input-icon left">

<input id="induTree" class="mini-treeselect" style="width:300px;font-size:20px;" url="/common/queryData.action?sqlName=company.queryAllIndustryList&paging=-1" valueField="id" textField="name"

/>
</div>

又不能去掉class样式，直接在这里用style看似又没生效，效果如下：
[attach]5921[/attach]

我直接改css文件中的
input.mini-textbox,
input.mini-buttonedit,
input.mini-datepicker,
input.mini-spinner,
input.mini-timespinner,
input.mini-combobox,
input.mini-treeselect,
input.mini-lookup,
input.mini-htmlfile,
input.mini-password,
input.mini-checkbox,
input.mini-textarea
{
visibility:hidden;
border:0;
padding:0;
height:50px;
width:300px;
}

也没什么用。
不知改哪里可以达到把他的控件改高改宽同时下拉框选框也同时一样宽，里面的字体也变大一些。

作者: felt 时间: 2015-3-11 14:15:16

宽度可以直接写，style="width:.“
高度的话，请参考这个示例
http://www.miniui.com/demo/#src=form/diysize.html

作者: myemovie 时间: 2015-3-11 14:26:20

用宽度，是有变化，可下拉框那部分宽度并没有变化，还是小的。
[attach]5922[/attach]

同时给的那个页面例子没有讲到如何设置高度，只是说要修改CSS。没说改哪几个地方，我改了一个地方（见主贴）没什么用

作者: felt 时间: 2015-3-11 14:35:17

myemovie 发表于 2015-3-11 14:26
用宽度，是有变化，可下拉框那部分宽度并没有变化，还是小的。

试用包里有这个例子及对应的css文件
demo/form/diysize.html
demo/form/diysize.css

这个combobox的下拉框你是不是设置了popupWidth
[attach]5923[/attach]

作者: myemovie 时间: 2015-3-11 15:17:33

我用到的是mini-treeselect控件，不是combox控件。另外你说的popuWidth是在css文件中设置吗？我没有设置这个。

作者: felt 时间: 2015-3-11 15:24:13

myemovie 发表于 2015-3-11 15:17
我用到的是mini-treeselect控件，不是combox控件。另外你说的popuWidth是在css文件中设置吗？我没有设置这 ...

一样的，你没设置下拉框的宽度，那就会和输入框的宽度一致
[attach]5925[/attach]

欢迎光临 jQuery MiniUI (http://miniui.com/discuss/)