CODEWITHSUNDEEP
csshtmlinputcss-selectorsfrontend
Maks K
Maks K

Reputation: 3914

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.

Upvotes: 0

Views: 4054

Answers (1)

Mithu A Quayium
Mithu A Quayium

Reputation: 739

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

Upvotes: 4

Related Questions