0

以下に、ボタンのようなスタイルのチェックボックスがあります。

 echo '<p>';
 foreach($options as $indivOption) {
     echo '<div id="ck-button"><label><input type="checkbox" name="options[]" id="option-' . $indivOption . '" value="' . $indivOption . '" /><span>' . $indivOption . '</span></label></div>';
 }
  echo '</p>';

チェックボックスボタンをすばやく2回クリックすると、ボタンはオンになりますが、オフにはならず、代わりにボタン上でテキストが少し選択されます。したがって、ボタンと呼ばれるボタンをEすばやく2回クリックすると、ボタンがオンになり、文字が強調表示されますE。

私の質問は、チェックボックスボタンのみについて、これを整理するのはクライアント側であると私が想定しているjavascriptで、ドキュメント全体ではなく、チェックボックスボタンのみでテキスト選択が行われないようにする方法です。

ありがとう

4

1 に答える 1

3

このスタイルをチェックボタン（または、あなたの場合、チェックボタンを含むdiv）に適用します。

#ck-button {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

IE10未満のブラウザーの場合は、プロパティonselectstart="return false;"をck-buttondivに追加します。

于 2013-02-08T22:52:31.660 に答える