Recent Posts
Recent Comments
Link
«   2025/03   »
1
2 3 4 5 6 7 8
9 10 11 12 13 14 15
16 17 18 19 20 21 22
23 24 25 26 27 28 29
30 31
Archives
Today
Total
관리 메뉴

yj factory

placeholder 스타일 적용하기 본문

CSS

placeholder 스타일 적용하기

yjseo 2015. 12. 3. 16:48

1. 사용법

::-webkit-input-placeholder {
   color: red;
}

:-moz-placeholder { /* Firefox 18- */
   color: red;  
}

::-moz-placeholder {  /* Firefox 19+ */
   color: red;  
}

:-ms-input-placeholder {  
   color: red;  
}

2. 특정 클래스나 아이디에 적용시킬경우

.class-name::-webkit-input-placeholder {
   color: red;
}
#id::-webkit-input-placeholder {
   color: red;
}

'CSS' 카테고리의 다른 글

[CSS] Material Design Box Shadows  (0) 2015.12.28
[CSS] 반응형 정사각형 DIV 만들기  (0) 2015.12.17
Comments