[CSS 속성] input[type="date"] 속성

📢 input[type="date"] 속성

 

- input[type="date"] 기본 HTML
<input type="date" data-placeholder="날짜 선택" required aria-required="true">


- placeholder 설정
input[type='date']::before {content:attr(data-placeholder);}


- 기본 달력 아이콘 삭제 
input[type="date"]::-webkit-calendar-picker-indicator {background:transparent;}


- 아이폰 datepicker 선택시 텍스트 좌측정렬 (기본값은 가운데정렬)
input::-webkit-date-and-time-value {text-align:left;}

See the Pen Untitled by 조민혁 (@iqgzrljw-the-typescripter) on CodePen.