How To Select With Css Indicator In ?

How to select with css indicator ( arrows ) in ? I want to style them.

Solution 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