Html 如何在类的输入编号中悬停并更改它'；s-webkit内部旋转按钮不透明度变为1？

有可能吗？ 这是我尝试过的，但不起作用：

.myClass输入[type=range]：hover>.myClass输入[type=range]：：-webkit内部旋转按钮{
不透明度：0；
}
.myClass输入[type=range]：悬停>输入[type=range]：：-webkit内部旋转按钮{
不透明度：0；
}

---

查看此代码片段：

试验
.myClass>输入[type=number]：-webkit内部旋转按钮{
显示：无；
}
.myClass>input[type=number]：悬停：--webkit内部旋转按钮{
显示：内联；
}

它需要在输入悬停时发生是的，它可以工作，但旋转按钮仍然存在。我需要删除它并将其置于悬停状态，否则它将保持在数字显示中，即使其不透明度为0，旋转按钮仍在那里，这就是我警告您的

不透明度

。过来看。我相信这个代码会解决你的问题