[css] input의 글자색, 배경색 바꾸기 (placeholder 포함)

html input 요소의 placeholder 기본 글자색, 배경색은 다음과 같습니다(크롬에서). 

 

<input type="text" placeholder="아이디를 입력해주세요">

 

 

이 placeholder의 글자색과 배경색을 바꾸고 싶으면, 다음과 같이 css로 꾸며주시면 됩니다. 

 

input {
    background-color: #333333; 
    color: #cccccc;
}
input::placeholder {
    color: #cccccc;
}

 

 

아이디를 입력하면 다음과 같이 됩니다.