Heim > Web-Frontend > CSS-Tutorial > Hier 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?

Hier 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?

Barbara Streisand
Freigeben: 2024-10-26 15:09:03
Original
311 Leute haben es durchsucht

Here are a few question-based titles that fit the content of your article:

* How to Always Display Up/Down Arrows for Number Inputs? 
* Can You Force Up/Down Arrows on Number Inputs in All Browsers?
* Making Number Input Arrows Visible: CSS Solutions
* U

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>
Nach dem Login kopieren

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>
Nach dem Login kopieren

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!

Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Neueste Artikel des Autors
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage