Können Sie für eingegebene Zahlen immer Aufwärts-/Abwärtspfeile anzeigen?
Es ist üblich, dass Sie für ein Eingabefeld Aufwärts- und Abwärtspfeile haben möchten vom Typ „Nummer“. Standardmäßig ist dies nicht immer der Fall. Wie können Sie dies erreichen?
CSS-basierter Ansatz
Wenn Sie Chrome verwenden, können Sie es mit versuchen die Eigenschaft -webkit-appearance:
<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>Dieser Ansatz funktioniert jedoch möglicherweise nicht konsistent in allen Browsern.
Deckkraftlösung
Eine Alternative Was allgemeiner unterstützt wird, ist das Anpassen der Deckkrafteigenschaft:
<code class="CSS">input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
opacity: 1;
}</code>Dieser Ansatz sorgt im Wesentlichen dafür, dass die Pfeile immer sichtbar sind, auch wenn sie zunächst nicht angezeigt werden.
Das obige ist der detaillierte Inhalt vonHier sind einige fragenbasierte Titel, die zum Inhalt Ihres Artikels passen: * Wie werden bei Zahleneingaben immer Aufwärts-/Abwärtspfeile angezeigt? * Können Sie bei Zahleneingaben in allen Browsern Aufwärts-/Abwärtspfeile erzwingen?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!
