:blank

Experimental: 이 기능은 실험적인 기능입니다.
프로덕션 환경에서 사용하기 전에 브라우저 호환성 표를 주의 깊게 확인하세요.

참고 :>:blank 선택자는 CSSWG가 지속적으로 변경하고 있음에 따라 위험 요소로 간주됩니다.

CSSWG issue #1967 를 확인해 보세요.

:blank CSS 의사 클래스는 비어 있는 사용자의 인풋 요소 (예를 들어 <input> or <textarea>와 같은 요소들)를 선택합니다.

구문

css
:blank {
  /* ... */
}

예제

간단한 :blank 예제

점차 지원될 브라우저에서는 :blank 의사 클래스가 개발자에게 필수 요소가 아니긴 하지만. 아직 내용이 입력되지 인풋 제어를 강조함으로써 사용자에게 알림을 제공할 수 있습니다.

HTML

html
<textarea></textarea>

CSS

css
textarea:blank {
  border: 3px solid red;
}

결과

명세서

Specification
Selectors Level 4
# blank-pseudo

브라우저 호환성

BCD tables only load in the browser

같이 보기