input date placeholder 없애기, value색 변경

input[type=date]::-webkit-datetime-edit-text { 
  -webkit-appearance: none; 
  display: none; 
} 

input[type=date]::-webkit-datetime-edit-month-field{ 
  -webkit-appearance: none; 
  display: none; 
} 

input[type=date]::-webkit-datetime-edit-day-field {
  -webkit-appearance: none; 
  display: none; 
} 

input[type=date]::-webkit-datetime-edit-year-field { 
  -webkit-appearance: none; 
  display: none; 
}

 

value값 custom

input[type="date"]:valid{color:#c9c9c9;}

 

indicator custom

input[type="date"]{
    position: relative;
}
input[type="date"]::-webkit-calendar-picker-indicator {
    background: transparent;
    z-index: 1;
}
input[type="date"]::after{
    content:'';
    width: rem(18);
    height: rem(18);
    position: absolute;
    top: 50%;
    right: rem(16);
    transform: translateY(-50%);
    background: url(../img/icoCal.png) no-repeat;
}

 

 

https://baegofda.tistory.com/106