0

ボタンセットを使用してラジオボタンが必要です（ボタンセット以外のオプションがある場合は、喜んでそれを楽しませますが、それを使用する必要があると思います）。アイコンの背景、各ボタンに固有のアイコンがあります。

私はそれをしたい：

  1. ラジオボタンのアイコンがない
  2. ロールオーバー効果がある
  3. アイコンを背景にする
  4. チェック時とホバー時のスタイルが異なる

私が持っている現在のコードは

HTML:

 <div id="new_sort_options">
   <input type="radio" name="new_sort" id="sort_az" /><label for="sort_az">A-Z</label>  
   <input type="radio" name="new_sort" id="sort_popular" /><label for="sort_popular">Popular</label>
 </div>

Jクエリ

 $( "#new_results_sort" ).buttonset();

CSS

#new_sort_options .ui-button {
    background-color:#FFFFFF; 
    background-image:url('../images/mpg2.png'); 
    background-repeat:no-repeat; 
    border-radius:4px; 
    margin:0; 
}

この背景画像をcssに配置すると機能しますが、すべてのラジオボタンで同じ背景画像です。それぞれに個別のIDを作成し、それぞれに背景画像を作成してみましたが、違いはありませんでした.

ラジオボタンごとにカスタム背景画像を作成する方法を知っている人

4

3 に答える 3