How do I hide input[type=time] spinner icons in Chrome?

Asked Feb 15 '18 at 14:40

Active Dec 03 '18 at 16:50

Viewed 113 times

I try to get rid of the spinners for a input[type=time] element in Chrome.

I tried the same as for input[type=number] and it works:

input[type=time]::-webkit-inner-spin-button,
input[type=time]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

<input type="time">

edited Dec 03 '18 at 16:50

niutech

asked Feb 15 '18 at 14:40

flob

https://stackoverflow.com/questions/3975769/disable-webkits-spin-buttons-on-input-type-number?rq=1 – j08691 Feb 15 '18 at 14:41
4

It's working on my machine (Chrome 57). – Derek 朕會功夫 Feb 15 '18 at 14:41
Shows up without spinners for me. Is another style maybe overriding this somewhere else? – casraf Feb 15 '18 at 14:42
1

Working perfectly fine without spinners for me on Chrome 64. – dmuensterer Feb 15 '18 at 14:45
2

Uhm, thanks :-) I missed something while using postcss :-) Thanks! – flob Feb 15 '18 at 14:45
Works perfectly well for me in Chrome, and Chromium, 70.x, both running on Ubuntu 18.04. – David Thomas Dec 03 '18 at 16:57

0 Answers0