-2

Is there any way across browsers to hide/remove the spin boxes I am looking for a CSS or JavaScript method to prevent the up/down arrows from appearing.

<input type="time" name="time1">
Arvind Gupta
  • 47
  • 6
  • https://stackoverflow.com/questions/3790935/can-i-hide-the-html5-number-input-s-spin-box – David Ibl Mar 14 '18 at 07:34
  • 1
    Note that the linked duplicate was targeting `input[type="number"]`, but that the same vendor-specific pseudo classes work for `input[type="time"]` too. – Kaiido Mar 14 '18 at 07:45

1 Answers1

0

Try this css:

input[type=time]::-webkit-inner-spin-button, 
input[type=time]::-webkit-outer-spin-button { 
  -webkit-appearance: none; 
  margin: 0; 
}
<input type="time">
António Almeida
  • 9,620
  • 8
  • 59
  • 66
Rajath Kumar PM
  • 655
  • 3
  • 9