input 의 placeholder 텍스트색상변경 happycgi

회원가입

출석체크

마이페이지

CGIMALL

jquery , CSS , PHP , Javascript , 무료폰트 , ASP

홈 > CSS > 기타효과 > input 의 placeholder 텍스트색상변경 상세정보

클라우드태그

Javascript

PHP

CSS

HTML

asp

API

jquery

mysql

image

Mobile

slide

게시판

메뉴

현재접속자 85명

input 의 placeholder 텍스트색상변경

해피팀

네티즌

소스분류

기타효과

다운로드 횟수

0 회

간단설명

css를 이용한 input 의 placeholder 텍스트 색상변경 방법입니다.

평가하기

<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 이상에서 지원합니다.

네티즌 의견 이용하신 자료의 후기를 자유롭게 작성하세요. (상업적인 광고 및 도배성 글 등은 사전통보없이 삭제될 수 있습니다.)

내용

아이디

의견남기기

등록된 의견이 없습니다.