[CSS] Placeholder 글자색 바꾸기

Placeholder CSS 적용하기

 

🩸이슈 발생

Placeholder 텍스트 글자색을 바꿔보자.

 

728x90

 

 

---

🩹이슈 해결

 

1. HTML

<div class="inputTitle">
    <p>현재 비밀번호</p>
</div>
<div class="input-container">
    <input type="password" class="input" name="OLD_VC_PASSWORD" placeholder="현재 비밀번호를 입력해주세요." />
</div>

 

2. CSS

input::placeholder {
 	color: #abb4bd;
}

input::-webkit-input-placeholder{
 	color: #abb4bd;
}

input:-ms-input-placeholder{
 	color: #abb4bd;
}

 

::placeholder 태그 안에 placeholder의 속성들을 넣어주면 된다.

* -webkit : 크롬, 사파리 / ms: 엣지