0

jquery-mobile1.2.0を使用しています。

ラジオボタンを含む水平方向に配置されたコントロールグループを作成すると、ユーザーがラジオボタンを選択すると、それらが強調表示され、ドットが含まれる円は表示されません。

<fieldset class="ui-block-b" data-role="controlgroup" data-type="horizontal">
    <legend>Pig is Drinking: </legend> 
    <input type="radio" name="assessmentDrinking" id="assessmentDrinking-Yes" value="1" />
    <label for="assessmentDrinking-Yes">Yes</label>
    <input type="radio" name="assessmentDrinking" id="assessmentDrinking-No" value="0" />
    <label for="assessmentDrinking-No">No</label>
</fieldset>

ただし、に設定するdata-typeとvertical、ドットの付いた円が表示され、選択したラジオは強調表示されません。（強調表示とは、ラベルの後ろの領域全体が強調表示されることを意味します）。

この動作を変更する方法はありますか？

4

1 に答える 1

0 
.ui-radio:nth-child(1) .ui-radio-on .ui-btn-inner{
    background-color:green;
}
.ui-radio:nth-child(2) .ui-radio-on .ui-btn-inner{
    background-color:grey;
}
.ui-radio:nth-child(3) .ui-radio-on .ui-btn-inner{
    background-color:red;
}

JSFiddleのスクリーンショット

これがJSFiddleです。

このSO質問も参照してください。

于 2013-01-18T10:21:24.720 に答える