input text의 placeholder에 css를 적용해야할 때가 있다.
아래와 같이 적용한다.
|
1
2
3
4
5
6
|
input:focus {outline:none}
input::placeholder{padding-left:20px;color:#838383;font-size:14px;letter-spacing:-1.2px}
input::-webkit-input-placeholder {padding-left:20px;color:#838383;font-size:14px;letter-spacing:-1.2px}
input:-ms-input-placeholder {padding-left:20px;color:#838383;font-size:14px;letter-spacing:-1.2px}
|
cs |
'개발 > CSS' 카테고리의 다른 글
| XEIcon 아이콘 폰트 사용하기 (0) | 2024.03.05 |
|---|---|
| CSS) background 색상, 이미지 동시에 나오게 하기 (0) | 2022.04.03 |
| CSS) 폰트 css 지정하기 (0) | 2022.04.01 |