如何在< input type ="time">中使用CSS指示器进行选择? [英] How to select with css indicator in <input type="time">?

问题描述

如何使用<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

这篇关于如何在< input type ="time">中使用CSS指示器进行选择?的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！