반응형
아래와 같이 css를 삽입함으로 이를 처리할수 있다.
CSS
Placeholder 포커스시 감추기
input:focus::-webkit-input-placeholder,
textarea:focus::-webkit-input-placeholder { /* WebKit browsers */
color:transparent;
}
input:focus:-moz-placeholder,
textarea:focus:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
color:transparent;
}
input:focus::-moz-placeholder,
textarea:focus::-moz-placeholder { /* Mozilla Firefox 19+ */
color:transparent;
}
input:focus:-ms-input-placeholder,
textarea:focus:-ms-input-placeholder { /* Internet Explorer 10+ */
color:transparent;
}
Placeholder 글자색 변경
input::-webkit-input-placeholder {
color: red;
font-style: italic;
}
반응형
'디자인소스' 카테고리의 다른 글
CSS 웹 페이지 터치 이벤트 (0) | 2023.09.23 |
---|---|
깔끔한 jQuery Audio Player (0) | 2023.09.23 |
HLS M3U8 Player (0) | 2023.09.21 |
Animated text fill 애니메이션 텍스트 (0) | 2023.09.21 |
CSS3 Loader & Spinners 모음 (0) | 2023.09.20 |
Glowing Pulse Search Form (0) | 2023.09.20 |
CSS3 Checkbox Styles (0) | 2023.09.19 |
Candy Color Button Animation (0) | 2023.09.19 |
댓글