HTML5 数値入力スピン ボックスを非表示にする方法

HTML5 数値入力スピン ボックスの非表示

質問:

レンダリングされたスピン ボックスの外観を一貫して抑制できますか一部のブラウザ (Chrome など) では、「数値」タイプの HTML 入力を使用しますか? CSS または JavaScript を使用して上/下矢印が表示されないようにするにはどうすればよいですか?

例:

<input>

解決策:

WebKit ブラウザでスピン ボックスを効果的に非表示にするには (Chrome でテスト済み) 7.0.517.44 および Safari 5.0.2)、次の CSS を適用します:

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

input[type=number] {
    -moz-appearance: textfield; /* Firefox */
}

以上がHTML5 数値入力スピン ボックスを非表示にする方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。