[ css ] input placeholder 색상 변경( input부분의 예제로 설정된 글자색 변경 )
작성일 18-10-24 17:32
페이지 정보
작성자 웹지기 조회 9,096회 댓글 0건본문
플레이스홀더 색상 변경
[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
댓글목록
등록된 댓글이 없습니다.