In Chrome, when you hover the cursor over the input type type = "date" and type = "time", additional elements appear to edit the data in the field. How to remove them? enter image description here

  • It remains only to understand how you will display a list of dates to the user, if you remove the control element. - Sasha Omelchenko

1 answer 1

.superstyle::-webkit-inner-spin-button, .superstyle::-webkit-calendar-picker-indicator { display: none; -webkit-appearance: none; } 
 <input type="date" class="superstyle" /> <input type="time" class="superstyle" /> 

Klats

  • you can still beat -webkit-clear-button , since the input is corrupted :-) - Sasha Omelchenko
  • @SashaOmelchenko at possible =) - Mr. Brightside