simple_form / 引导数字字段箭头

【问题标题】：simple_form / bootstrap number field arrowssimple_form / 引导数字字段箭头
【发布时间】：2013-10-18 00:17:43
【问题描述】：

谁能帮我摆脱这些领域的箭头？

我正在使用 rails、simple_form 和 bootstrap。谢谢！

【问题讨论】：

这个问题之前有人问过，回答：stackoverflow.com/questions/13709950/…
谢谢您，我已经实现了该方法，但这允许用户在字段中键入非数字值。有没有办法防止这种情况发生？

标签： ruby-on-rails twitter-bootstrap simple-form

【解决方案1】：

啊，您很可能是 chrome 用户 :)，是的，您可以使用 css 覆盖来隐藏它们。

form input[type='number']::-webkit-outer-spin-button,
form input[type='number']::-webkit-inner-spin-button {
   -webkit-appearance: none;
   margin: 0;
}

【讨论】：

如何在左右两侧添加 + 和 - 而不是滚动？