본문 바로가기

Dev/HTML&CSS

[CSS] plceholder 색깔 변경

일반적으로 placeholder 색상을 변경하는 방법은 아래와 같다 

.input-classname::placeholder { 
	color : red;
}

하지만 크롬, 인터넷 익스플로러, Edge에서는 적용되지 않기 때문에 아래처럼 적어준다

 

.input-classname::-webkit-input-placeholder { 
	color : red;
}
.input-classname::-ms-input-placeholder { 
	color : red;
}
.input-classname::-moz-input-placeholder { 
	color : red;
}

 

반응형

'Dev > HTML&CSS' 카테고리의 다른 글

[HTML] html에서 html로 데이터 전달하기  (0) 2021.08.08
[CSS] @media  (0) 2021.05.17
[HTML] 콘텐츠 구조  (0) 2021.04.29
[HTML] base tag  (0) 2021.04.28
[HTML] link tag  (0) 2021.04.27