웹솔루션개발 22년 노하우! 해피CGI의 모든것

[해피CGI][cgimall] input 의 placeholder 텍스트색상변경 본문

웹프로그램밍 자료실/HTML 자료

[해피CGI][cgimall] input 의 placeholder 텍스트색상변경

해피CGI윤실장 2017. 11. 8. 09:17

<input type="text" placeholder="Placeholder Text">


위와 같이 텍스트를 입력할 경우 아래처럼 회색폰트로 텍스트가 출력됩니다.




입력되는 텍스트이외에 Placeholder Text 만 색상을 변경하기 위애서와 아래와 같은 속성을 사용하여 변경이 가능합니다.

input::-webkit-input-placeholder {
  color: green;
}
input:-moz-placeholder {
  color: green;
}





위의 소스는 Firefox 4 이상, Chrome 4 이상, Safari 5 이상, Opera 11.6 및 Internet Explorer 10 이상에서 지원합니다.

Comments