設定の幅をラジオボタン使用時jQueryUI

Question

を使用していjQuery UIのラジオボタンで、できるなどの設定には全ての固定幅になります。

このコードを使用しています:

<script type="text/javascript">
    $(document).ready(function () {
        $("#radio").buttonset();
    });
</script>

<div id="radio">
    <input type="radio" id="radio1" name="radio" /><label for="radio1">A</label>
    <input type="radio" id="radio2" name="radio" checked="checked" /><label for="radio2">Choice 2 - long long</label>
    <input type="radio" id="radio3" name="radio" /><label for="radio3">Choice 3</label>
</div>

私はjQueryを使った初めてといった、CSSやjavascriptます。たってあらゆる数の組み合わせてみを指定する固定幅のボタンを損なうことなく、jQuery UIのスタイルだがなかった者でなければならない。

の手によりお願い申し上げます。

Answer 1

設定できますの幅 <label> 要素ので表示の使用 .width(val) このように:

$("#radio").buttonset().find('label').width(200);

ますのでぜひ試してみてくださいこちら, ますだけで追加CSS規則のようになります:

​#radio label { width: 200px }​

試すことができる。.

Answer 2

以下は通常のラジオボタンとアイコンのみのあるラジオボタンで機能します

.myradiolables
{
 width: 200px;
 height: 20px;
}

<div id="radio">
<input type="radio" id="radio1" name="radio" /><label class="myradiolabels" for="radio1">A</label>
<input type="radio" id="radio2" name="radio" checked="checked" /><label class="myradiolabels" for="radio2">Choice 2 - long long</label>
<input type="radio" id="radio3" name="radio" /><label class="myradiolabels" for="radio3">Choice 3</label>
</div>