input[type="date"]::-webkit-calendar-picker-indicator,
input[type="date"]::-webkit-inner-spin-button {
display: none;
appearance: none;
}
input[type='date'] {
position: relative;
width: 100%;
background: url('../img/day.png') no-repeat right 10px center;
width: 24px;
height: auto;
background-color: #fff;
}
input[type='date']::-webkit-calendar-picker-indicator {position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: transparent;color: transparent;cursor: pointer;}
input[type='date']::before {content: attr(placeholder);width: 100%;height: 100%;}
input[type='date']:valid::before {display: none;}
input[type='date'] {position: relative;width: 100%;background: url('../img/day.png') no-repeat right 10px center;width: 22px;height: auto;background-color: #fff;}
'퍼블리싱' 카테고리의 다른 글
input radio 라디오 커스텀 (0) | 2024.10.08 |
---|---|
input checkbox 체크박스 커스텀 (0) | 2024.10.08 |
카운트업 쓰기 (0) | 2024.03.25 |
input time 아이콘 커스텀 (0) | 2024.03.18 |
유튜브 동영상 자동재생 (음소거x) (0) | 2024.02.22 |