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 :

this

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:

  1. blue cross
  2. up arrow button
  3. down arrow button
  4. 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

Popular posts from this blog

facebook - android ACTION_SEND to share with specific application only -

python - Creating a new virtualenv gives a permissions error -

javascript - cocos2d-js draw circle not instantly -