17

これらのcssスタイルを使用すると、ページで強調表示されたテキストが選択されなくなります。ただし、これにより、Safariでのユーザー入力から入力フィールドがロックされます。

* {
-webkit-touch-callout: none;
-webkit-user-select: none; // locks fields on Safari
-khtml-user-select: none; // locks fields on Safari
-moz-user-select: none;
-ms-user-select: none;
user-select: none;      
}

入力フィールドに干渉することなくユーザーの選択を防ぐ方法はSafariにありますか?

4

4 に答える 4

26

入力以外のすべてにスタイルを適用しないのはなぜですか?

css3の方法: *:not(input){...}

于 2012-05-30T15:42:28.290 に答える
3

何も新しいことはありません:)

*:not(input, textarea){
    -webkit-touch-callout: none;
    -webkit-user-select: none; // locks fields on Safari
    -khtml-user-select: none; // locks fields on Safari
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
于 2020-02-05T13:31:01.993 に答える
1

cssのすべての場合:

*:not(input), *:focus:not(input) {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  outline-style:none;/*IE*/
}
于 2016-09-14T10:02:12.583 に答える
0

もう少し正確なものが必要でした。

input[type=text] 
{
  -webkit-user-select: text;
}

input[type=password]
{
  -webkit-user-select: all;
}
于 2013-09-18T14:07:52.583 に答える