[CSS] placeholder 속성에 스타일 적용하기

placeholder 속성에 스타일 적용하기

개요

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

 

스타일 적용 방법

HTML

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

 

CSS

• placeholder 속성 앞에 :: 지시자를 넣어주면 된다.

input::placeholder {
    font-style: italic;
    font-size: 20px;
}

 

스타일 적용 결과

See the Pen Untitled by Sangsoon Kim (@starrykss) on CodePen.