input type="date" 달력 아이콘 변경하기
2022. 5. 18. 10:43ㆍCSS
<input type="date" id="birth">input#birth::-webkit-calendar-picker-indicator {
position: absolute;
right: 20px;
background: url(../image/calendar.png);
background-repeat: no-repeat;
}background에 원하는 이미지를 삽입해서 변경한다
position으로 원하는 위치에 배치할 수 있다
결과물
'CSS' 카테고리의 다른 글
| 글자 말줄임 처리 (... 처리하기) + 원하는 만큼 문장 자르기 (0) | 2022.07.05 |
|---|---|
| svg파일 색깔 바꾸기 (hover 등) (0) | 2022.05.20 |
| css+js)display:none 애니메이션 효과 (0) | 2022.05.16 |
| 드래그&우클릭 방지 (0) | 2022.05.10 |
| 특정 영역만 가로 스크롤 생성 (+스크롤 기능은 하되 스크롤 없애기) (0) | 2022.05.09 |