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

Jer*_*yal 4 html javascript css jquery html5

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">
Run Code Online (Sandbox Code Playgroud)

Mir*_*iro 6

的jsfiddle

input[type="number"]::-webkit-outer-spin-button, 
input[type="number"]::-webkit-inner-spin-button {
opacity: 1 !important;
}
Run Code Online (Sandbox Code Playgroud)
<input class="FlaggingPeriodTextBox" style=" width: 61px;    text-align: right;font-family: Segoe UI;margin-top: 9px;" type="number" min="1" max="999" value="7">
Run Code Online (Sandbox Code Playgroud)

-