3

Metro UI CSSを使用するときにChromeが追加する（私が思うに）素敵で便利なスピナーを非表示にするテーマに基づいたアプリケーションがあります<input type="number" />。

このルールを「オーバーライド」しようとしていますが、どの値に設定する必要があるかわかりません。

input[type=number]::-webkit-outer-spin-button, 
input[type=number]::-webkit-inner-spin-button {
    -webkit-appearance: initial !important;
}

機能しません ( FIDDLEを参照)。

それらを復元するための正しい値は何ですか?

PS: 更新の問題を回避するために、基本 CSS からルールを削除することを避けようとしています...

4

4 に答える 4

1

モバイル クロームなどのモバイル ブラウザから矢印を復元するのに非常に苦労しましたが、次のコードは機能しませんでした

input[type=number]::-webkit-outer-spin-button, 
input[type=number]::-webkit-inner-spin-button {
    /*-webkit-appearance: inner-spin-button !important;*/
    opacity: 1;
    margin-left: 5px;
}

最終的にサイドボタンを作ることにしました。コードを作成したので、必要な数のボタンを追加できます。この他の同様の投稿のスニペットをご覧ください。

改善 このスニペットでは、ユーザーがボタンを押し続けたときに自動インクリメントを追加しました

https://stackoverflow.com/a/70957862/13795525

初期 https://stackoverflow.com/a/68679616/13795525

于 2021-08-06T09:55:47.747 に答える