Javascript 输入HTML5数字’；像mozilla一样，在chrome上总是可以看到s的旋转框？

chrome上当前的行为是，只有当用户将鼠标悬停在chrome上时才会显示：

默认情况下，该旋转框不可见：

但在Mozilla中，它总是可见的：

如何使旋转框在chrome中始终可见

输入[type=“number”]：：-webkit外部旋转按钮，
输入[type=“number”]：：-webkit内部旋转按钮{
不透明度：1！重要；
}

---

旋转始终存在，您只需将旋转作为目标，在本例中，旋转是内部旋转按钮，并将不透明度设置为1

input[type="number"]::-webkit-inner-spin-button 
{
   opacity: 1 !important;
}

---

如果需要，jquery还有其他解决方案

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.0/jquery.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.9.2/jquery-ui.min.js"></script>
<script type="text/javascript">
   $(document).ready(function(){
    $( "#spinner" ).spinner();
   });


</script>
 <p>
<input id="spinner" name="value" />
</p>

$（文档）.ready（函数（）{
$（“#微调器”）.spinner（）；
});

但你需要包括jqueryUI 检查这里

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.0/jquery.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.9.2/jquery-ui.min.js"></script>
<script type="text/javascript">
   $(document).ready(function(){
    $( "#spinner" ).spinner();
   });


</script>
 <p>
<input id="spinner" name="value" />
</p>