如何在<input type=“time">中使用css指标进行选择?

2022-01-19 00:00:00 input css-selectors frontend html 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

相关文章