Wie kann ich die Sichtbarkeit der Auf-/Ab-Schaltflächen für Zahleneingabefelder in allen Browsern erzwingen?

Können Sie die Sichtbarkeit von Auf-/Ab-Schaltflächen für Zahleneingabefelder erzwingen?

Möchten Sie auf einer Zahl immer Auf- und Abwärtspfeile haben? Eingabefeld? Möglicherweise sind Sie auf einige Hürden gestoßen; Hier ist eine Lösung:

HTML:

<code class="html"><input type="number" /></code>

CSS:

<code class="css">input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: "Always Show Up/Down Arrows";
}</code>

Leider ist diese Methode begrenzt zu Chrome.

Alternative Lösung: Opazitätseigenschaft

Für eine browserübergreifende Lösung versuchen Sie Folgendes:

<code class="css">input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  opacity: 1;
}</code>

Diese Methode erzwingt die Pfeile sichtbar zu bleiben, aber beachten Sie, dass es möglicherweise nicht in allen Browsern funktioniert. Erwägen Sie die Implementierung eines Fallbacks für nicht kompatible Browser.

Das obige ist der detaillierte Inhalt vonWie kann ich die Sichtbarkeit der Auf-/Ab-Schaltflächen für Zahleneingabefelder in allen Browsern erzwingen?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!