材质UI：从TextView中删除向上/向下箭头刻度盘 [英] Material UI: Remove up/down arrow dials from TextView

问题描述

我在物料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中删除向上和向下箭头拨号？

HTML

TextField docs中，type道具接受有效的推荐答案输入类型。我相信出现向上和向下箭头的原因是因为您指定了number作为类型。

改为尝试type="tel"，因为它似乎是电话号码的标准输入类型。

这里有一个reference to the tel type，以及为什么使用它是个好主意。请注意，如果当前浏览器不支持它，它将退回为常规文本字段。

这篇关于材质UI：从TextView中删除向上/向下箭头刻度盘的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！