input[type=”number”]のスピナー(矢印)を常に表示するcss

input[type="number"]のスピナー(矢印)とは?

スピナーとは下記inputの右側にある右側の矢印のことを指しています。

スピナーの仕様

通常スピナーは非表示になっていて、マウスをinputに載せるとスピナーが表示されます。

スピナーを常に表示させたいと思ったきっかけ

いただいたデザインがスピナーを表示していたため。

スピナーを常に表示させるソースコード

下記をcssファイルに追加してください。

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
    opacity: 1;
}
>お問い合わせはこちら

お問い合わせはこちら