如何设置样式number_field_tag

Question

我有产品数量的number_filed_tag，它应该是

1 -

如何在number_field_tag附近制作自定义+， - 按钮？

Answer 1

您可以使用<input type="number">。查看JSFiddle

但是，按钮不会显示+1或-1，它们只是箭头

然而，您可以做的是添加箭头图像并使用Javascript / jQuery更改值。我制作了JSFiddle来演示或查看下面的代码段

＆＃13;

＆＃13;

$('.up').on('click', function() {
	var value = $(this).prev().val()
    $(this).prev().val(parseInt(value) + 1)
})

$('.down').on('click', function() {
	var value = $(this).prev().prev().val()
    $(this).prev().prev().val(parseInt(value) - 1)
})

＆＃13;

<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" rel="stylesheet"/>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<input type="number" value=10>
<span class="glyphicon glyphicon-arrow-up up"></span>
<span class="glyphicon glyphicon-arrow-down down"></span>

＆＃13;

＆＃13;

＆＃13;