reactjs - Material UI：从 TextView 中删除向上/向下箭头拨盘

Question

我在 Material UI 中有这个 TextView：

<TextField
      id="contact phone number"
      label="Contact phone number"
      type="number"
      value={this.state.contactPhoneNumber}
      onChange={this.handleChange('contactPhoneNumber')}
      placeholder="Contact phone number"
      margin="normal"
/>

它看起来像这样：

如何从 TextView 中删除向上和向下箭头拨盘？

标签： reactjsmaterial-ui

Answer 1

您可以为此尝试 css 方法。

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