CSS 유사 클래스 입력: not(사용 안 함) not:[type="cisco"]: 추가

CSS 유사 클래스 입력: not(사용 안 함) not:[type="cisco"]: 추가

저는 입력 요소에 일부 CSS를 적용하고 싶고 비활성화되지 않고 제출 유형이 아닌 입력에만 적용하고 싶습니다. 아래의 CSS는 작동하지 않습니다. 아마도 누군가 이것이 어떻게 추가되어야 하는지 설명해 줄 수 있다면요.

input:not(disabled)not:[type="submit"]:focus{
box-shadow:0 0 2px 0 #0066FF;
-webkit-box-shadow:0 0 4px 0 #66A3FF;
}

다음 대신:

input:not(disabled)not:[type="submit"]:focus {}

사용:

input:not([disabled]):not([type="submit"]):focus {}

disabled속성이므로 괄호가 필요하며 콜론과 괄호가 혼합된 것 같습니다.:not()선택자

데모: http://jsfiddle.net/HSKPx/

한 가지 주의할 점:제가 틀릴 수도 있지만, 저는 그렇게 생각하지 않습니다.disabled입력은 일반적으로 초점을 수신할 수 있으므로 부품이 중복될 수 있습니다.

또는 사용:enabled

input:enabled:not([type="submit"]):focus { /* styles here */ }

다시 말씀드리지만, 비활성화된 입력이 포커스를 받을 수 있는 경우는 생각할 수 없기 때문에 불필요해 보입니다.

당신의 구문은 꽤 엉망입니다.

변경 내용:

input:not(disabled)not:[type="submit"]:focus{

대상:

input:not(:disabled):not([type="submit"]):focus{

많은 사람들이 이 사건을:enabled그리고.:disabled유효한 CSS 선택기입니다...

선택한 항목에 몇 가지 오타가 있습니다.다음과 같아야 합니다.input:not([disabled]):not([type="submit"]):focus

개념 증명은 이 jsFiddle을 참조하십시오.참고로, "배경색" 속성을 제거하면 상자 그림자가 더 이상 작동하지 않습니다.왜 그런지 모르겠어요.

언급URL : https://stackoverflow.com/questions/9207304/css-pseudo-classes-inputnotdisablednottype-submitfocus