[CSS] placeholder 글자 색상변경하기

input 창이나 textarea에 도움말을 적어놓기 위하여 placeholder 속성을 많이 사용합니다.

근데 이 placeholder 또한 CSS로 색상을 입힐수가 있습니다.

다만 크롬계열과 익스플로러 둘다 적용시키기 위해 각각의 브라우져에 맞게 CSS를 입력해줘야 합니다.

HTML 부분

CSS 부분

input::placeholder {color:#ccc;}
input::-webkit-input-placeholder {color:#ccc;}
input:-ms-input-placeholder {color:#ccc;}

textarea::placeholder {color:#ccc;}
textarea::-webkit-input-placeholder {color:#ccc;}
textarea:-ms-input-placeholder {color:#ccc;}

이렇게 하면 IE와 크롬계열브라우져에서 동일하게 색상값을 줄수가 있습니다.^^