: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