[ css ] input placeholder 색상 변경( input부분의 예제로 설정된 글자색 변경 ) > Html+jQuery+CSS

본문 바로가기
사이트 내 전체검색

Html+jQuery+CSS

[ css ] input placeholder 색상 변경( input부분의 예제로 설정된 글자색 변경 )

페이지 정보

작성자 웹지기 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 댓글 0건 조회 1,343회 작성일 18-10-24 17:32

본문

플레이스홀더 색상 변경

[code]

<input type="text" name='id' placeholder="아이디">

<input type="password" name='pass' placeholder="비밀번호">

[/code]


::placeholder 가상 셀렉터를 사용하여 색상을 변경

[code]

::-webkit-input-placeholder { /* 크롬 4–56 */

    color: #9e9e9e;

}

:-moz-placeholder { /* 파이어폭스 4–18 */

   color: #9e9e9e;

   opacity:  1;

}

::-moz-placeholder { /* 파이어폭스 19–50 */

   color: #9e9e9e;

   opacity:  1;

}

:-ms-input-placeholder { /* 인터넷 익스플로러 10+ */

   color:  #9e9e9e;

}

::placeholder { /* 파이어폭스 51+, 크롬 57+ */

   color: #9e9e9e;

   opacity:  1;

}

[/code]

각각의 prefix는 따로 적어야 한다는 점

[code]

/* 이렇게 사용할 수 없다. */

::-webkit-input-placeholder,

:-moz-placeholder,

::-moz-placeholder,

:-ms-input-placeholder { ... }

[/code]

추천0 비추천0

댓글목록

등록된 댓글이 없습니다.

Total 63건 1 페이지
게시물 검색

회원로그인

접속자집계

오늘
260
어제
348
최대
1,323
전체
115,528

그누보드5
Copyright © funyphp.com. All rights reserved.