jquery-mobile - 如何更改迷你拨动开关的宽度？

Question

我无法更改迷你版翻转拨动开关的宽度，并且文本未全部显示。

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

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

然后将开关封装在一个div中。

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

如果翻转拨动开关是迷你的，我如何更改宽度？

谢谢

Answer 1

看起来如果你添加 !important 到你的 css，它就可以工作。尝试

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

快乐编码！

Answer 2

When using ui-mini you need to mention that in the css as well, Try this

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