1

クリックが完全ではない場合があります。マウスがわずかに移動し、ボタン/要素の周囲に「選択された」アーティファクトがほとんど表示されなくなります。

ここに画像の説明を入力してください

もちろん、どこかをクリックすることでそれを取り除くことができますが、それは一種の迷惑で、くだらないように見えます。アプリがより安定しているように見えるようにこれを無効にする方法はありますか？

HTML / CSS：

<td id="controls">
      <span id="ccw" class="menuitem"></span>
      <span id="cw" class="menuitem"></span>
      <span id="zin" class="menuitem"></span>
      <span id="zout" class="menuitem"></span>
</td>

#cw{
   background-image:url('icons/rotatecw.png');
}

#ccw{
   background-image:url('icons/rotateccw.png');
}

#zin{
   background-image:url('icons/zoom_in.png');
   margin-top: 2px;
}

#zout{
   background-image:url('icons/zoom_out.png');
   margin-top: 2px;
}

.menuitem{
   background-repeat:no-repeat;
   width: 32px;
   height: 16px;
   display: inline-block;
}
4

1 に答える 1

1

user-select多くのブラウザー (Opera と IE10 より前の IE を除く) では、さまざまなブラウザー プレフィックスを使用できます。詳細はMDN ドキュメントを参照してください。

.controls {
    -moz-user-select: none;  
    -webkit-user-select: none;  
    -ms-user-select: none;  
    user-select: none;
}
于 2012-07-19T14:57:05.807 に答える