방법 - 자리 표시자 색상 변경
CSS를 사용하여 자리 표시자 속성의 색상을 변경하는 방법을 알아보세요.
자리 표시자 색상
1단계) HTML 추가:
입력 요소를 사용하고 자리 표시자 속성을 추가합니다.
예시
<input type="text" placeholder="A red placeholder text..">
2단계) CSS 추가:
대부분의 브라우저에서 자리 표시자 텍스트는 회색입니다. 이를 변경하려면 비표준 ::placeholder
선택기로 자리 표시자의 스타일을 지정합니다. Firefox는 자리 표시자에 더 낮은 불투명도를 추가하므로 opacity:
이 문제를 해결하기 위해 1을 사용합니다.
예시
::placeholder {
/* Chrome, Firefox, Opera, Safari 10.1+ */
color: red;
opacity: 1; /* Firefox */
}
:-ms-input-placeholder { /* Internet
Explorer 10-11 */
color: red;
}
::-ms-input-placeholder
{ /* Microsoft Edge */
color: red;
}
팁: CSS 참조: CSS ::placeholder Property 에서 ::placeholder 선택기에 대해 자세히 알아보세요 .