Wie verstecke ich das HTML5-Zahleneingabe-Drehfeld?

Verbergen der HTML5-Zahleneingabe-Drehbox

Frage:

Kann man das Erscheinungsbild der gerenderten Drehbox konsequent unterdrücken? von einigen Browsern (wie Chrome) für HTML-Eingaben vom Typ „Zahl“? Wie kann man mit CSS oder JavaScript verhindern, dass die Auf-/Ab-Pfeile sichtbar sind?

Beispiel:

<input>

Lösung:

Zum effektiven Ausblenden der Spinbox in WebKit-Browsern (getestet in Chrome 7.0.517.44 und Safari). 5.0.2), wenden Sie das folgende CSS an:

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

input[type=number] {
    -moz-appearance: textfield; /* Firefox */
}

Das obige ist der detaillierte Inhalt vonWie verstecke ich das HTML5-Zahleneingabe-Drehfeld?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!