javascript - Custom input date in html page -
i have date field in html page :
<input type="date" id="birth_date" name="birth_date" placeholder="dd/mm/yyyy" />
when launch application got result :
i need know how can hide these controls ( right of image) using simplest way ?
thanks,
if understand correctly, there 4 things want remove input[type=date]
on webkit browser:
- blue cross
- up arrow button
- down arrow button
- datepicker dropdown button (opens datepicker)
this css rule hide them all:
input[type=date]::-webkit-clear-button, /* blue cross */ input[type=date]::-webkit-inner-spin-button, /* */ input[type=date]::-webkit-outer-spin-button, /* down */ input[type=date]::-webkit-calendar-picker-indicator /* datepicker*/ { display: none; }
Comments
Post a Comment