0

基本的な円ではなく画像として表示するために、選択ページにラジオボタンを表示する簡単な解決策を見つけようとしています。

radio各ボタンを出力するコードは次のとおりです。

foreach ($context['icons'] as $icon)
echo '<input type="radio" name="icon"  value="', $icon['value'], '"', $icon['value'] == $context['icon'] ? ' checked="checked"' : '', ' /><img src="', $icon['url'], '" alt="', $icon['name'], '" title="', $icon['name'], '" />';

現在の出力では、ラジオ ボタンの脇に各画像が表示されますが、これは望ましい結果ではありません。

ここに画像の説明を入力

おわかりのように、これはフォーラム (Simple Machines) のためのものであり、私はまだ解決策や適切なヘルプを見つけていません。私は、実装が簡単で、おそらく jQuery 指向のものを求めています。

お役に立てれば幸いです。

4

1 に答える 1

0

このシュニズをチェックしてください

http://webdesign.tutsplus.com/tutorials/htmlcss-tutorials/quick-tip-easy-css3-checkboxes-and-radio-buttons/

私はそれがあなたを助けると思う

また

html

<input type='checkbox' name='thing' value='valuable' id="thing"/><label for="thing"></label>

CSS

input[type=checkbox] {
    display:none;
  }

  input[type=checkbox] + label
   {
       background: #999;
       height: 16px;
       width: 16px;
       display:inline-block;
       padding: 0 0 0 0px;
   }

   input[type=checkbox]:checked + label
    {
        background: #0080FF;
        height: 16px;
        width: 16px;
        display:inline-block;
        padding: 0 0 0 0px;
    }
于 2013-08-31T03:18:10.477 に答える