CSS :: 자리 표시자 선택기
예시
입력 필드의 자리 표시자 텍스트 색상 변경:
::-webkit-input-placeholder
{ /* Edge */
color: red;
}
:-ms-input-placeholder
{ /* Internet Explorer 10-11 */
color: red;
}
::placeholder
{
color: red;
}
정의 및 사용
선택기는 자리 표시자 텍스트가 있는 ::placeholder
양식 요소를 선택하고 자리 표시자 텍스트의 스타일을 지정할 수 있도록 합니다.
자리 표시자 텍스트는 입력 필드의 예상 값을 설명하는 힌트를 지정하는 자리 표시자 속성으로 설정됩니다.
팁: 대부분의 브라우저에서 자리 표시자 텍스트의 기본 색상은 밝은 회색입니다.
브라우저 지원
표의 숫자는 선택기를 완전히 지원하는 첫 번째 브라우저 버전을 지정합니다.
-webkit-, -moz- 또는 -ms- 뒤에 오는 숫자는 접두사와 함께 작동한 첫 번째 버전을 지정합니다.
Selector | |||||
---|---|---|---|---|---|
::placeholder | 57.0 4.0 -webkit- |
12.0 -webkit- 10.0 -ms- |
51.0 4.0 -moz- |
10.1 5.0 -webkit- |
44.0 15.0 -webkit- |
CSS 구문
::placeholder {
css declarations;
}