프론트엔드/CSS

input date 캘린더 꾸미는법 #date #calendar #캘린더 #input

짱구를왜말려? 2023. 7. 20. 23:53
반응형
SMALL
.m-input-date.type01 input {
    padding:10px 16px 10px 16px;
    border-radius:10px;
    color:rgb(75,86,117); background-color:rgb(249,249,249);
    border: 1px solid #eee;
}
.m-input-date.type01 input[type="date"]::-webkit-calendar-picker-indicator,
.m-input-date.type01 input[type="date"]::-webkit-inner-spin-button,
.m-input-date.type01 input[type="date"]::-webkit-clear-button {
    color: rgba(0, 0, 0, 0);
    opacity: 1;
    display: block;
    background: url("../images/calendar.svg") no-repeat; background-size:100%;
    width: 18px;
    height: 20px;
}
LIST