如何改变轻触式拨动开关的宽度?

时间:2012-07-05 03:51:32

标签: jquery-mobile jquery togglebutton

我无法更改迷你版翻盖切换开关的宽度,并且文本未全部显示。

如果它不是迷你版,我可以使用将其添加到CSS中的技术来更改宽度:

 .containing-element .ui-slider-switch { width: 7em }    

然后将开关包含在div中。

如果设置data-mini =“true”,则完全相同,并且切换变为迷你,但我无法更改宽度。

如果翻转切换开关是迷你的话,如何更改宽度?

由于

2 个答案:

答案 0 :(得分:6)

看起来如果你在你的CSS中添加!important,它就可以了。试试

.containing-element 
.ui-slider-switch { width: 7em !important }

快乐的编码!

答案 1 :(得分:0)

使用ui-mini时,你需要在css中提一下,试试这个

.containing-element .ui-slider-switch.ui-mini { width: 7em }