플레이스홀더 의사 요소

의사 요소 placeholder는 placeholder 힌트에 스타일을 지정합니다. 이 요소는 input 또는 textarea 태그에서 사용됩니다.

구문

css선택자::placeholder {
  color: red;
}

예제

힌트를 빨간색으로 칠해 봅시다:

html<input type="text" placeholder="힌트">

cssinput::placeholder {
  color: red;
}

Результат:

예제 . textarea의 힌트

textarea 태그에서 힌트를 빨간색으로 칠해 봅시다:

html<textarea placeholder="힌트"></textarea>

csstextarea::placeholder {
  color: red;
}

Результат:

참고 항목