CSS：カスタム最小長および最大長入力フィールドを作成したい

Question

CSS3でカスタムmin-max入力を行いたいとします。

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

すべてのヘルプは素晴らしいことです。

ありがとうございます。

Answer 1

あなたが探しているものはまったくわかりません。

あなたがカウントアップしたり、入力フィールドダウンするために、独自の矢印を作成する可能性を探している場合は、ここであなたは、代替ソリューションを持っている：

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); 
}); 

あなたのデモはここで見つけることができます：http://codepen.io/derbronko/pen/YNNRoL

注意！このコードは現在、最小/最大/ステップパラメータについては考慮していません！

これはJavaScriptの関数ライブラリjQueryで行われています。 私の意見では、CSSでそれを行うことはできません。 詳細な説明が必要な場合は、お知らせください。 ;-)