使HTML5数字输入的旋转框始终在chrome上可见,就像mozilla一样？

Question

Chrome上的当前行为仅在用户将鼠标悬停在其上时显示:

默认情况下,该旋转框不可见:

但在Mozilla中,它始终可见:

如何在铬合金中始终显示旋转框？

https://jsfiddle.net/JerryGoyal/u4qoLcp4/

<input class="FlaggingPeriodTextBox" style=" width: 61px;    text-align: right;font-family: Segoe UI;margin-top: 9px;" type="number" min="1" max="999" value="7">

Answer 1

的jsfiddle

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

<input class="FlaggingPeriodTextBox" style=" width: 61px;    text-align: right;font-family: Segoe UI;margin-top: 9px;" type="number" min="1" max="999" value="7">

-