如何更改迷你拨动开关的宽度？答案

【问题标题】：How to change width of flip toggle switch mini?如何更改迷你拨动开关的宽度？
【发布时间】：2012-07-05 11:07:18
【问题描述】：

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

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

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

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

如果我设置 data-mini="true" 做同样的事情，并且切换变成迷你，但我不能改变宽度。

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

谢谢

【问题讨论】：

【解决方案1】：

在使用 ui-mini 时，您还需要在 css 中提及，试试这个

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

【讨论】：

【解决方案2】：

看起来如果你添加 !important 到你的 css 中，它会起作用。试试

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

编码愉快！

【讨论】：