본문 바로가기

Placeholder 포커스시 감추기, 글자색 변경

반응형

아래와 같이 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

댓글


Copyright ⓒ SmartWeb All rights reserved.