Chrome输入类型=“数字” CSS样式

要设置输入类型=数字的样式,请使用以下CSS-

input[type=number]::-webkit-inner-spin-button {
   -webkit-appearance: none;
}

上面显示了没有微调器的情况。

要显示微调框并设置其样式,请使用

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

输出结果

上面显示了以下输出-