CSS：想要定制最小长度＆amp;最大长度输入字段

Question

我想在CSS3中创建一个自定义的最小 - 最大输入。

＆＃13;

＆＃13;

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

＆＃13;

＆＃13;

＆＃13;

任何帮助都会很棒。

谢谢。

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

注意！这段代码目前没有关于min / max / step-parameters！

它完成了jQuery，一个JavaScript的函数库。 在我看来，用CSS做这件事是不可能的。 如果您需要更详细的解释，请告诉我。 ; - ）