如何在< input type ="time">中使用CSS指示器进行选择?

问题描述:

如何使用<input type="time">中的css指示器(箭头)进行选择?

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

我要为它们设置样式.

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

如果您想选择微调器(您说箭头"),可以通过下面的css来完成,

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 **/
    }

但是不幸的是,这适用于chrome,但不适用于firefox,因为firefox不适用于webkit引擎,

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