2017-01-19 3 views
0

Ich möchte eine benutzerdefinierte Min-Max-Eingabe in CSS3 machen.CSS: Möchten Sie ein benutzerdefiniertes Min Länge & Max Länge Eingabefeld

Here is the image

<input type="number" min="10" class="form-control" value="10">

Jede Hilfe wäre toll.

Vielen Dank.

+0

Warum nicht einfach das Attribut max zur Eingabe hinzufügen oder fehlt mir, wonach Sie suchen? – Pete

+0

ich will nur auf und ab pfeil design .. ich weiß nicht, wie man es anpassen? –

+2

Mögliches Duplikat: http://stackoverflow.com/questions/24537234/customize-appearance-of-up-down-arrows-in-html-number-inputs – sol

Antwort

0

Ich bin mir nicht sicher, was Sie suchen.

Wenn Sie die Möglichkeit suchen, um Ihre eigenen Pfeile der Erstellung Ihres Eingabefeld zählen nach oben oder unten, hier haben Sie alternative Lösung:

HTML:

<input class="number" type="number" min="10" class="form-control" value="10"> 
<button class="number_up"/>+</button> 
<button class="number_down">-</button> 

JS/jQuery

$(".number_up").click(function() { 
    $(".number").val(parseInt($(".number").val()) + 1); 
}); 

$(".number_down").click(function() { 
    $(".number").val(parseInt($(".number").val()) - 1); 
}); 

für Sie eine Demo ist auffindbar hier: http://codepen.io/derbronko/pen/YNNRoL

Achtung! Dieser Code nimmt momentan nicht über die min/max/step-Parameter hinweg!

Es ist mit jQuery, einer Funktionsbibliothek für JavaScript, gemacht. Nur mit CSS ist es meiner Meinung nach nicht möglich. Wenn Sie eine ausführlichere Erklärung benötigen, lassen Sie es mich wissen. ;-)

Verwandte Themen