사용자 선택 : 없음은 Safari에서 입력 필드에 액세스 할 수 없도록합니다.

Question

이 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에서 입력 필드를 방해하지 않고 사용자 선택을 방지 할 수있는 방법이 있습니까?

Answer 1

입력을 제외한 모든 것에 스타일을 적용하지 않는 이유는 무엇입니까?

CSS3 방법 : *:not(input){...}

Answer 2

내가 좀 더 정확한 무언가를 필요로했다. CSS의 모든 경우에

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

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

Answer 3

: 일

*: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*/ 
}