☰

マテリアル UI: テキストフィールドから上下矢印ダイヤルを削除する 質問する

tag-icon • tag-icon reactjs material-ui
マテリアル UI: テキストフィールドから上下矢印ダイヤルを削除する 質問する

Material UI に次の TextField があります:

<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"
/>

次のようになります:ここに画像の説明を入力してください

TextField から上矢印ダイヤルと下矢印ダイヤルを削除するにはどうすればよいですか?

ベストアンサー1

そのために CSS アプローチを試すことができます。

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

おすすめ記事