118

現在、これを body タグに入れて、テキスト選択を無効にしています。

body {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

ただし、 myボックスinputとtextareaボックスは選択できなくなりました。これらの入力要素のみを選択可能にし、残りを選択不可にするにはどうすればよいですか?

4

9 に答える 9

201

これらのプロパティを全身に適用しないでください。それらをクラスに移動し、そのクラスを無効にする要素に適用します。select：

.disable-select {
  -webkit-user-select: none;  
  -moz-user-select: none;    
  -ms-user-select: none;      
  user-select: none;
}
于 2012-05-30T04:52:32.597 に答える
37

すべての要素でユーザー選択を無効にすることもできます。

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

そして、ユーザーが選択できるようにしたい要素でそれを有効にするよりも：

input, textarea /*.contenteditable?*/ {
    -webkit-touch-callout:default;
    -webkit-user-select:text;
    -moz-user-select:text;
    -ms-user-select:text;
    user-select:text;
}
于 2012-10-25T11:59:00.587 に答える
13

すべてを要約したかっただけです：

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

<div class="unselectable" unselectable="yes" onselectstart="return false;"/>
于 2013-03-07T14:04:23.353 に答える
1

*この目的には、ワイルド カード セレクターを使用します。

#div * { /* Narrowing, to specific elements, like  input, textarea is PREFFERED */
 -webkit-user-select: none;  
  -moz-user-select: none;    
  -ms-user-select: none;      
  user-select: none;
}

これで、id を持つ div 内のすべての要素がdiv選択されなくなります。

デモ

于 2012-05-30T05:56:46.810 に答える
0

私はSometh Victoryに同意します。選択不可にしたい要素に特定のクラスを追加する必要があります。

また、JavaScript を使用して特定のケースでこのクラスを追加することもできます。例はこちらCSS を使用してコンテンツを選択不可にする。

于 2012-05-30T05:52:16.810 に答える
0

body必要な要素のリストを入力する 代わりに。

于 2012-05-30T04:31:48.363 に答える
0

どこでも選択を無効にする

input, textarea ,*[contenteditable=true] {
  -webkit-touch-callout:default;
  -webkit-user-select:text;
  -moz-user-select:text;
  -ms-user-select:text;
  user-select:text;
   }

IE7

 <BODY oncontextmenu="return false" onselectstart="return false" ondragstart="return false">
于 2014-04-21T14:17:53.530 に答える