How to select with css indicator in <input type=“time”>?

问题

How to select with css indicator ( arrows ) in <input type="time"> ?

I want to style them.

回答1:

input[type="time"]{
    /**style goes here **/
 }

If you want to select the spinner (which you say "arrow") you can do that by the css below,

input[type="number"]::-webkit-inner-spin-button{
        /**style goes here **/
    }

But unfortunately this will work for chrome, but not for firefox, since firefox does not work with webkit engine,

Above all, I would like to suggest you, to make custom spinner (which you say "arrow") like this code link. Hope you will find the solution this way. :)

https://codepen.io/komarovdesign/pen/PPRbgb

来源：https://stackoverflow.com/questions/44247071/how-to-select-with-css-indicator-in-input-type-time