查看: 6181|回复: 10

怎么改变mini-comobox的颜色 [复制链接]

hbpqwxh

注册会员

Rank: 2

电梯直达

楼主

发表于 2019-10-23 10:38:23 |只看该作者 |倒序浏览

如题? <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这个颜色，应该怎么改，试了几次都不成功！

收藏0

dforce

超级版主

Rank: 8 Rank: 8

沙发

发表于 2019-10-23 12:12:34 |只看该作者

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

hbpqwxh

注册会员

Rank: 2

板凳

发表于 2019-10-23 12:50:59 |只看该作者

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

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

dforce

超级版主

Rank: 8 Rank: 8

地板

发表于 2019-10-23 13:09:00 |只看该作者

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

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

hbpqwxh

注册会员

Rank: 2

5^#

发表于 2019-10-23 14:16:13 |只看该作者

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

改完变成这样了！

附件: 你需要登录才可以下载或查看附件。没有帐号？立即注册

dforce

超级版主

Rank: 8 Rank: 8

6^#

发表于 2019-10-23 14:47:20 |只看该作者

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

如图，可以正常显示背景色

附件: 你需要登录才可以下载或查看附件。没有帐号？立即注册

hbpqwxh

注册会员

Rank: 2

7^#

发表于 2019-10-23 14:49:33 |只看该作者

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

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

dforce

超级版主

Rank: 8 Rank: 8

8^#

发表于 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

注册会员

Rank: 2

9^#

发表于 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

超级版主

Rank: 8 Rank: 8

10^#

发表于 2019-10-24 11:04:25 |只看该作者

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

附件: 你需要登录才可以下载或查看附件。没有帐号？立即注册

12 下一页

返回列表

		自动登录	找回密码
密码			立即注册