jquery-mobile - フリップトグルスイッチミニの幅を変更するには?

Question

フリップ トグル スイッチのミニ バージョンの幅を変更できず、テキストがすべて表示されません。

ミニでない場合は、これを CSS に追加する手法を使用して幅を変更できます。

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

次に、スイッチを div で囲みます。

data-mini="true" を設定すると、トグルはミニになりますが、幅を変更することはできません。

フリップトグルスイッチがミニの場合、幅を変更するにはどうすればよいですか?

ありがとう

Answer 1

CSS に !important を追加すると、機能するようです。試す

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

ハッピーコーディング！

Answer 2

ui-mini を使用する場合は、css でも言及する必要があります。これを試してください。

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