高度风格化的数字输入

Question

我正在尝试找到<input type='number'>的样式规则，这将使我尽可能接近下图。

但我还没有找到一种方法将箭头垂直放置在图片中。我能想到的唯一另一件事就是创建两个具有上述形状的按钮，然后使用javascript修改事件监听器的值。但是，这种方法会使事情复杂化。我希望有更优雅的CSS方法。