본문 바로가기
CSS

input date icon 달력 모양 바꾸기

by 영감은어디에 2024. 5. 8.

<div class="dateBox">
     날짜 선택
     <input type="date" value="2024-02-14"> 
</div>
.dateBox input { border: 1px solid #69789F; position: relative;width: 185px; height: 34px; background: url('../img/icon_date.svg') no-repeat right 10px center; font-size: 1rem; color: #fff; border-radius: 4px; } 
.dateBox input[type="date"]::-webkit-calendar-picker-indicator,
.dateBox input[type="date"]::-webkit-inner-spin-button { opacity: 0; appearance: none; }