CSS ::placeholder pseudo 요소

정의와 사용법

CSS ::placeholder pseudo 요소는 <input> 또는 <textarea> 요소의占位符 텍스트 스타일

占位符 텍스트는 placeholder 속성을 통해 설정되며, 이 속성은 필드의 예상 값을 설명합니다.

추천:대부분의 브라우저에서占位符 텍스트의 기본 색상은 연한 회색입니다.

예제

입력 필드의占位符 텍스트의 색과 투명도를 변경합니다:

input::placeholder {
  color: red;
  opacity: 0.5;
}

직접 시도해 보세요

CSS 문법

::placeholder {
  css 선언;
}

기술 세부 사항

버전: CSS Pseudo-elements 모듈 레벨 4

브라우저 지원

표의 숫자는 이伪요소를 완전히 지원하는 첫 번째 브라우저 버전을 지정합니다.

크롬 에지 파이어폭스 사파리 오페라
57 79 51 10.1 44

관련 페이지

CSS 참조::placeholder-shown 의도적 클라이언트