본문 바로가기
CSS/CSS 기초

[CSS]input 태그 placeholder 스타일 적용하기/ caret - input 클릭시 생기는 커서

by 알찬 퍼블리셔 2019. 5. 16.
728x90
반응형

input 필드의 placeholder에 css를 적용할 수 있다

(font / color / background / opacity / text-indent / line-height / vertical-align / text-decoration / word-spacing / background )

::-webkit-input-placeholder { /* Chrome/Opera/Safari */ }
::-moz-placeholder { /* Firefox 19+ */ }
:-ms-input-placeholder { /* IE 10+ */  }
:-moz-placeholder { /* Firefox 18- */  }

 

input 필드에 placehoder-shown

input:placeholder-shown {
	border: 5px solid red; 
   }

 

 

 

caret

 

 

 

728x90
반응형

댓글