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 static/image/common/back.gif
.nouse .mini-buttonedit-border{
   ....
}


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

dforce 发表于 2019-10-23 13:09:00

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

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

hbpqwxh 发表于 2019-10-23 14:16:13

dforce 发表于 2019-10-23 13:09 static/image/common/back.gif
mini.get(id).setBorderStyle("background:red");


改完变成这样了！

dforce 发表于 2019-10-23 14:47:20

hbpqwxh 发表于 2019-10-23 14:16 static/image/common/back.gif
改完变成这样了！

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


hbpqwxh 发表于 2019-10-23 14:49:33

dforce 发表于 2019-10-23 14:47 static/image/common/back.gif
如图，可以正常显示背景色

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

dforce 发表于 2019-10-23 16:17:41

hbpqwxh 发表于 2019-10-23 14:49 static/image/common/back.gif
我先把它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 static/image/common/back.gif
禁用本来就已经有了特殊的样式
如果需要修改禁用状态下的样式，请修改
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 static/image/common/back.gif
是这样吗？





页: [1] 2
查看完整版本: 怎么改变mini-comobox的颜色