CSS :placeholder-shown 가상 클래스

정의와 사용법

CSS :placeholder-shown 가상 클래스는 현재 표시되는 대체 텍스트를 설정하는 모든 <input> 또는 <textarea> 요소의 스타일.

ヒント:또한 사용할 수 있습니다 ::placeholder 대체 텍스트 스타일을 설정하는 데 사용되는 가상 요소.

예제

현재 표시되는 대체 텍스트를 설정하는 모든 <input> 요소의 스타일을 선택하고 설정하세요:

input:placeholder-shown {
  background-color: beige;
  border: 2px solid maroon;
  border-radius: 5px;
  font-style: italic;
}

직접 시험해 보세요

CSS 문법

:placeholder-shown {
  css 선언;
}

기술 세부 사항

버전: CSS4

브라우저 지원

표의 숫자는 이伪类를 최초로 완전히 지원하는 브라우저 버전을 지정합니다.

크롬 에지 파이어폭스 사파리 오페라
47 79 59 9 34

관련 페이지

참조:CSS ::placeholder 페어엘리먼트