WebKit ブラウザの数値入力フィールドからスピン ボタンを削除するにはどうすればよいですか?

入力タイプ「数値」での Webkit のスピン ボタンのオーバーライド

Mobile Safari は、「数値」として指定された入力フィールドに対してモバイルに最適化された数値キーボードを提供します" タイプ。ただし、Chrome と Safari では、ブラウザ プラットフォームはスピン ボタンを利用して表示される数値を増減させるため、デザインの美しさを損なう可能性があります。

これらのスピン ボタンを無効にするには、CSS テクニックを使用できます。解決策には、入力フィールドのスピナーの外観とマージンを変更することが含まれます:

input[type=number]::-webkit-outer-spin-button {</p><div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:php;toolbar:false">-webkit-appearance: none;
margin: 0;

ログイン後にコピー

}

-webkit-Appearance を none に設定すると、スピンボタンが視覚的に消えます。さらに、マージンを 0 に設定すると、入力フィールドの右側に不必要なスペースがなくなるようになります。このソリューションはスピン ボタンを効果的に隠し、設計要件を満たすように入力の外観をカスタマイズします。

以上がWebKit ブラウザの数値入力フィールドからスピン ボタンを削除するにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。