0

何らかの理由で、jQueryUIラジオセットのHOVER状態とSELECTED状態を調整する適切な方法を見つけることができません。

なぜ私がそれを見つけることができないのかわからない、おそらく誰かが私にいくつかの方向性を与えることができますか？私が変更したいのは、テキストが青で灰色になり、白になる方法です。そして、それが灰色の代わりに色付きの境界線を持つように選択されたとき。

簡単だと思いますが、何が欠けているのかわかりません。

また、可能であればJavascriptを使用せずに、CSS調整のみを使用してこれを実行したいと思います...

ここに画像の説明を入力してください

4

1 に答える 1

2

使用するクラスがわかれば、これはストレートCSSで十分簡単です。でホバリングするラジオボタン.ui-button:hoverと、でアクティブなラジオボタンをターゲットにできます.ui-state-active。

したがって、次のようなHTMLを指定します。

<div id="gender">
    <input type="radio" id="radio1" name="radio"><label for="radio1">Male</label>
    <input type="radio" id="radio2" name="radio"><label for="radio2">Female</label>
</div>​

あなたはこれを行うことができます：

#gender .ui-button:hover {
    /* Hover stuff goes here. */
}
#gender .ui-state-active {
    /* Active stuff goes here. */
}

デモ： http： //jsfiddle.net/ambiguous/4k3eJ/1/

于 2012-06-09T05:35:14.100 に答える