8

私は現在使用しています：

*{
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

http://jsfiddle.net/KyF5x/にアクセスし、リストの下をクリックして、テキストが強調表示されていることを確認します...強調表示を解除することはできません。ページをリロードし、ctrl + aを試してください。これにより、テキストも強調表示されることを確認してください。

上記は、Chrome、Safari、またはIE10では発生しません。

免責事項：Firefox18を使用しています

4

2 に答える 2

8

一時的な答えとして、修正は、CSSを個々の「選択できない」要素に適用することです。しかし、誰かがドキュメント全体の修正を思い付くのを見たいです。

li{
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

参照： http： //jsfiddle.net/KyF5x/1/

ドキュメント全体で選択できないテキストを使用する場合は、通常のWebサイトではなく、Webアプリのドメインでより明白になります。

于 2013-01-13T20:28:22.143 に答える
2

ジャックの答えを補足するものとして、2018年でも、Firefoxはuser-selectをサポートしていませんが、moz-user-selectをサポートしています。私は、受け入れられた答えのフィドルが行うことの縮小版を選びました：

/* stop the user selecting page structure with the mouse */
html, body, div, a, i, button, select, option, optgroup, hr, br {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: default;
}

これは、他の要素を使用せず、すべてのページ構造がdivであり、タイトルなどであり、inputまたはtextareaでの選択を禁止したくないWebアプリ用です。

これは、Web全体で500k行のコードアプリで-moz-を使用しなければならなかった唯一の場所でした。

于 2018-03-05T06:13:37.637 に答える