jQuery MiniUI

标题: 怎么改变mini-comobox的颜色 [打印本页]

作者: hbpqwxh 时间: 2019-10-23 10:38:23 标题: 怎么改变mini-comobox的颜色

如题? <style  type="text/css">
      * {
         margin :0;padding:0;border:0;}
      .nouse
{
   background-color:#FF6666;
}
</style>

<td style="width:220px;">
                     <input  id="ID_STATION_PASS" name="STATION_PASS" class=" mini-combobox nouse"
                        style=" width:210px; background-color: #FF6666;" valueField="ID" textField="NAME" allowInput="true" />
                  </td>

<script type="text/javascript">
var txt_pass_station = mini.getbyName("STATION_PASS");
                  var url = "../jjs/jjs_webtoserver.aspx?method=GetStationInfo&strWhere=" + str_sql;
                  txt_pass_station.setUrl(url);
                  txt_pass_station.select(0);
                  txt_pass_station.setEnabled(false);
</script>

想要把mini-combobox给改成#FF6666这个颜色，应该怎么改，试了几次都不成功！

作者: dforce 时间: 2019-10-23 12:12:34

.nouse .mini-buttonedit-border{
....
}
miniui控件解析完是复杂的html结构，不是你编写的这段结构了

作者: hbpqwxh 时间: 2019-10-23 12:50:59

dforce 发表于 2019-10-23 12:12
.nouse .mini-buttonedit-border{
....
}

怎样在<script>代码里实现修改背景色呀，貌似还不行！

作者: dforce 时间: 2019-10-23 13:09:00

hbpqwxh 发表于 2019-10-23 12:50
怎样在代码里实现修改背景色呀，貌似还不行！

mini.get(id).setBorderStyle("background:red");

作者: hbpqwxh 时间: 2019-10-23 14:16:13

dforce 发表于 2019-10-23 13:09
mini.get(id).setBorderStyle("background:red");

[attach]12514[/attach]
改完变成这样了！

作者: dforce 时间: 2019-10-23 14:47:20

hbpqwxh 发表于 2019-10-23 14:16
改完变成这样了！

[attach]12515[/attach]如图，可以正常显示背景色

作者: hbpqwxh 时间: 2019-10-23 14:49:33

dforce 发表于 2019-10-23 14:47
如图，可以正常显示背景色

我先把它txt_pass_station.setEnabled(false);这样了，之后就不行了！这个应该怎么改？

作者: dforce 时间: 2019-10-23 16:17:41

hbpqwxh 发表于 2019-10-23 14:49
我先把它txt_pass_station.setEnabled(false);这样了，之后就不行了！这个应该怎么改？ ...

禁用本来就已经有了特殊的样式
如果需要修改禁用状态下的样式，请修改
body .mini-buttonedit-disabled .mini-buttonedit-border, body .mini-buttonedit-disabled .mini-buttonedit-input{
background:
}

作者: hbpqwxh 时间: 2019-10-24 10:00:12

dforce 发表于 2019-10-23 16:17
禁用本来就已经有了特殊的样式
如果需要修改禁用状态下的样式，请修改
body .mini-buttonedit-disabled . ...

是这样吗？

<style  type="text/css">
      .mini-buttonedit-disabled .mini-buttonedit-border .mini-buttonedit-disabled .mini-buttonedit-input{
         background:#FF0000;
      }
</style>
<body>
<input  id="ID_STATION_PASS" name="STATION_PASS" class=" mini-combobox mini-buttonedit-disabled mini-buttonedit-border mini-buttonedit-disabled mini-buttonedit-input"
                        style=" width:210px; background-color: #FF6666;" valueField="ID" textField="NAME" allowInput="true" />

<script type="text/javascript">
var txt_pass_station = mini.getbyName("STATION_PASS");
                  var url = "../jjs/jjs_webtoserver.aspx?method=GetStationInfo&strWhere=" + str_sql;
                  txt_pass_station.setUrl(url);
                  txt_pass_station.select(0);
                  txt_pass_station.setEnabled(false);
</script>
</body>
好像还不行？

作者: dforce 时间: 2019-10-24 11:04:25

hbpqwxh 发表于 2019-10-24 10:00
是这样吗？

[attach]12520[/attach]

作者: hbpqwxh 时间: 2019-10-24 11:38:03

dforce 发表于 2019-10-24 11:04

可以了，谢谢！

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