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

s_k*_*k_t 2 jquery togglebutton jquery-mobile

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

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

 .containing-element .ui-slider-switch { width: 7em }    
Run Code Online (Sandbox Code Playgroud)

然后将交换机包含在div中.

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

如果翻盖拨动开关是迷你型,我该如何改变宽度?

谢谢

Rom*_*man 6

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

.containing-element 
.ui-slider-switch { width: 7em !important }
Run Code Online (Sandbox Code Playgroud)

快乐的编码!