2017-12-08 2 views
0

:disabled CSS 가상 클래스 선택기와 [disabled] CSS 특성 선택기 (예 : 다른 브라우저 지원 또는 기타)를 사용하여 스타일을 적용하는 데 차이가 있는지 궁금합니다. 비활성화 된 HTML 입력 요소 또는 완전히 동일한 요소입니까?입력 사이의 차이 : 사용 안 함 및 입력 [사용 안 함] CSS 선택기

+2

그들은 완전히 동등하지 않다. 요소는 실제로 변경되는 속성없이 다른 상태를 얻을 수 있습니다. 이런 일이 생기면': disabled'가 작동하고'[disabled]'는 작동하지 않습니다. – GolezTrol

+0

참조 : https://stackoverflow.com/questions/20141450/should-i-use-css-disabled-pseudo-class-or-disabled-attribute-selector-or-is-i –

+0

다른 방법으로는, 큰 차이점은 disabled (기본적으로?)는 입력 요소에서만 작동합니다. disabled 요소를 설정하면 아무 효과가 없지만 기본 효과는 없습니다. 일반적으로 의도 된 동작에 충실해야하므로 다음을 사용하십시오. 비활성화 된 것이 가장 좋습니다. –

답변

0

[disabled]는 이후 CSS2를 지원하는 브라우저에서 지원되는 동안 :disabled 접근 방식은, CSS3를 지원하는 브라우저에서 지원됩니다.

브라우저 지원은 둘 다 매우 비슷합니다. 주요 차이점은 IE7 역방향 대 IE9 역 호환성입니다.

마찬가지로 [disabled] 접근법은 이전 모바일 OS 버전의 기본 브라우저에서 지원됩니다.

자세한 내용은 다음을 참조하십시오