Dev/HTML&CSS

[CSS] plceholder 색깔 변경

yujin.me 2021. 5. 3. 17:30

일반적으로 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;
}

 

반응형