CSS 선택자 <input>요소관련 의사클래스

    2018-02-23 12:00:03 작성
    :in-range
    input:in-range { ... }

    해보기
    input 요소의 value 값이 min 과 max 의 범위 내에 있는 요소


    :out-of-range
    input:out-of-range { ... }

    해보기
    input 요소의 value 값이 min 과 max 의 범위를 벗어난 요소


    :invalid
    input:invalid { ... }

    해보기
    input 요소의 값이 유효하지 않은 경우


    :valid
    input:valid { ... }

    해보기
    input 요소의 값이 유효하지 않은 경우


    :checked
    input:checked { ... }

    해보기
    체크된 input 요소


    :disabled
    input:disabled { ... }

    해보기
    비활성화된 input 요소


    :enabled
    input:enabled { ... }

    해보기
    활성화된 input 요소


    :required
    input:required { ... }

    해보기
    input 요소중 required 속성인 요소


    :optional
    input:optional { ... }

    해보기
    input 요소중 required 속성이 없는 요소


    :read-only
    input:read-only { ... }

    해보기
    input 요소중 readonly 속성이 있는 요소
    파이어폭스는 -moz- 접두사를 붙여 사용합니다.


    :read-write
    input:read-write { ... }

    해보기
    input 요소중 readonly 속성이 없는 요소
    파이어폭스는 -moz- 접두사를 붙여 사용합니다.