javascript - 如何在 react-bootstrap 中实现溢出隐藏？

Question

我希望我的 <Form.Control/> 在用户向上或向下滚动时不会生效，因为如果输入值是数字，向上/向下滚动会影响该值，我想避免它

到目前为止，我已经尝试过

    <Form.Control
                    type="number"
                    className = "overflow-hidden" 
    <Form.Control/>

标签： javascriptreactjsreact-bootstrap

Answer 1

您可以通过添加此 CSS 样式来禁用向上和向下滚动按钮

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