Wybrane przez użytkownika: brak powoduje, że pole wejściowe staje się niedostępne w Safari

Question

Dzięki tym stylom css zapobiegam zaznaczeniu zaznaczonego tekstu na stronie. Ale powoduje to zablokowanie pól wejściowych przed wprowadzaniem danych przez użytkownika w 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;  
} 

Czy istnieje sposób na Safari, aby uniemożliwić wybór użytkownika bez ingerencji w pola wejściowe?

Answer 1

Dlaczego po prostu nie zastosować stylu do wszystkiego poza wejściami?

CSS3 sposób: *:not(input){...}

Answer 2

potrzebowałem czegoś trochę bardziej precyzyjny.

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

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

Answer 3

Na każde przypadkach w 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*/ 
}