jquery - jqueryを介してホバーイベントのラジオボタンの色を塗りつぶしますか？

Question

イベント上でマウスを使用してラジオボタンの表示を制御することは可能ですか？

目標は、マウスが上にあるときはチェックされているように見え、マウスが離れているときはチェックされていないように見えるようにすることです。ただし、評価と同じようにクリックされた場合にのみチェックされます。

score 1 · Accepted Answer

残念ながら、デフォルトのブラウザのラジオボタンの背景色は、CSS、jQuery、またはその他の方法でスタイル設定することはできません。代わりにカスタム画像の使用を検討することをお勧めします。

[更新]CSSクラスを使用し、クラスの切り替えにのみjQueryを使用します。

$('body').on('click', '.fav-icon', function() {
    $(this).toggleClass('active');
});

jsfiddleを参照してください：http：//jsfiddle.net/samliew/TWduB/5/

score 1 · Accepted Answer

簡単な答えは次のとおりです。

いいえ、ラジオボタンの色を変更することはできません。

代わりに、次のように img スプライトを使用して、必要に応じてカスタマイズできます。

ここに画像の説明を入力

score 0 · Accepted Answer

Shreya、私が知る限り、要素（丸い点自体）は、外部プラグインやライブラリ（Thisのようなもの）なしでは変更が困難です。

これは、要素がブラウザーの一部であるためです。

ただし、特定のブラウザをターゲットにしようとすると簡単になります。

このプラットフォームで同様の質問がされています。ここで見つけることができます。

それが役に立てば幸い！幸運を！

3 に答える 3