플레이스홀더 의사 요소
의사 요소 placeholder는
placeholder 힌트에 스타일을 지정합니다.
이 요소는 input
또는 textarea 태그에서 사용됩니다.
구문
선택자::placeholder {
color: red;
}
예제
힌트를 빨간색으로 칠해 봅시다:
<input type="text" placeholder="힌트">
input::placeholder {
color: red;
}
:
예제 . textarea의 힌트
textarea 태그에서 힌트를 빨간색으로 칠해 봅시다:
<textarea placeholder="힌트"></textarea>
textarea::placeholder {
color: red;
}
:
참고 항목
-
입력 필드에 힌트를 지정하는
placeholder속성 -
힌트가 표시된 입력 필드에 스타일을 지정하는
placeholder-shown의사 클래스
