我正在尝试弄清楚如何在受其影响的输入旁垂直堆叠两个按钮(向上和向下)。我希望使用CSS和HTML来实现这一点。
您可以看到,我正在使用Font Awesome的向上和向下箭头图标。我不确定如何使这两个按钮堆叠在一起。一旦我完成这个任务,我将连接JS来控制文本输入值(已经编写好了)。
您可以在此处找到我正在使用的示例:http://codepen.io/anon/pen/WvydgZ 我已经插入了jQuery、jQuery UI和FontAwesome。
期望的效果如下:
有什么想法吗?
<span class="styled-value">
<span class="multiplier-value-wrapper">
<input class="multiplier-value" type="text" value="4" name="family-size" />
</span>
</span>
<button class="btn btn-small btn-up">
<i class="fa fa-chevron-up"></i>
</button>
<button class="btn btn-small btn-down">
<i class="fa fa-chevron-down"></i>
</button>
您可以看到,我正在使用Font Awesome的向上和向下箭头图标。我不确定如何使这两个按钮堆叠在一起。一旦我完成这个任务,我将连接JS来控制文本输入值(已经编写好了)。
您可以在此处找到我正在使用的示例:http://codepen.io/anon/pen/WvydgZ 我已经插入了jQuery、jQuery UI和FontAwesome。
期望的效果如下:
![enter image description here](https://istack.dev59.com/jVW1I.webp)