예약자 텍스트의 색상을 변경하는 방법

CSS를 사용하여 예약자 속성의 색상을 변경하는 방법을 배웁니다.

직접 시도해 보세요

예약자 텍스트의 색상을 변경하는 방법

第一步 - HTML 추가:

입력 요소를 사용하여 추가합니다. placeholder 속성:

<input type="text" placeholder="A red placeholder text..">

第二步 - CSS 추가:

대부분의 브라우저에서占位符 텍스트는 회색입니다. 이 설정을 변경하려면 ::placeholder 선택자를 사용하여占位符 스타일을 설정합니다.

주의하세요. Firefox는占位符에 낮은 불투명도를 추가하므로 우리는 opacity: 1 이 문제를 해결하기 위해.

::placeholder {
  color: red;
  opacity: 1; /* Firefox */
{}
::-ms-input-placeholder { /* Edge 12 -18 */
  color: red;
{}

직접 시도해 보세요

관련 페이지

참조 매뉴얼:CSS ::placeholder 선택자