0

通常のボタンのように表示されるラジオボタンがいくつかあります。これらは次のようになります。

            <div class="buttoncontainer" style="position:relative; left: 80px;">
                <label><input type="radio" name="toggle" checked="checked" class="_today">          <span class="css3button-left">Today</span></label>
                <label><input type="radio" name="toggle" class="_tomorrow"><span class="css3button">Tomorrow</span></label>
                <label><input type="radio" name="toggle" class="_weekend"><span class="css3button">This Weekend</span></label>
                <label><input type="radio" name="toggle" class="_nextmonth"><span class="css3button-right">Next Month</span></label>
            </div>

次のように選択すると、ボタンの外観が変わります。

     .buttoncontainer  input:checked + span
     { 
        ...
     }

これは、私がテストしたすべてのブラウザー（IE、FireFox、Chrome、さらにはコンピューター上のSafari）で機能しますが、Safariを使用してIpadまたはiPhoneで：checkedに外観が変わることはありません。これらのボタンがiPadでのみ機能しない理由を誰かが知っていますか？

4

1 に答える 1

0

ラベルはクリックできないということですか？

何らかの理由で、label要素の通常の動作はそのままではモバイル WebKit では機能しません。

CSS に追加label { cursor: pointer; }すると、問題が修正されます。

于 2012-08-06T16:59:56.847 に答える