-->

별의 공부 블로그 🧑🏻‍💻
728x90

placeholder 속성에 스타일 적용하기

개요

  • placeholder 속성은 input 요소textarea 요소 안내문을 넣을 수 있도록 해주는 속성이다.
  • HTML5에서 추가된 속성이다.

 

스타일 적용 방법

HTML

<input type="text" placeholder="Test">

 

CSS

  • placeholder 속성 앞에 :: 지시자를 넣어주면 된다.
input::placeholder {
font-style: italic;
font-size: 20px;
}

 

스타일 적용 결과

728x90


📖 Contents 📖
placeholder 속성에 스타일 적용하기개요스타일 적용 방법HTMLCSS스타일 적용 결과