css - 如何将垂直按钮组作为附加到输入的附加组件？

Question

            <div class="input-prepend input-append">
               <span class="add-on">R</span>
               <input type="text" class="span2" value="0" />
               <div class="add-on btn-group btn-group-vertical">
                  <button class="btn" type="button">+</button>
                  <button class="btn" type="button">-</button>
               </div>
            </div>

上面的标记将并排显示 + 和 - 按钮，并且彼此之间几乎没有垂直倾斜（显然，我希望它们一个在另一个之上）。

基本上我想制作一个数字输入框，它不会绝对糟糕（UX-wise）来增加和减少一个数字。

Answer 1

为什么不直接使用<input type="number">？它本身不适用于 IE，但有一个shim应该适用于 IE 和其他浏览器。

虽然我一般不是 W3Schools 的粉丝，但他们的 Tryit 编辑器在这种情况下工作得很好。

如果您出于某种原因需要自己编写代码，Stuart 给出了正确的答案。