Material-Ui 文本字段提示文本不工作

Question

我想根据工作需要设计文本框。我正在将背景分配给 TextField。现在，当分配背景颜色时，它的 hintText 就消失了。然后我必须手动设置该标签的 z-index。

现在 hintText 正在显示，但是当我单击该文本时，Textfield 不起作用，当我单击文本外部时，它又起作用了。

这是我的文本字段样式：

        <TextField
        hintText="Rate"
        className="rateText"
        inputStyle={{background:"#fff",paddingLeft: "3px"}}
    style={{paddingBottom:"10px"}}
hintStyle={{color: "rgba(0,0,0,.26)",zIndex: "1",bottom: "20px",left: "5px"}}

/>

Answer 1

尝试在样式上设置 backgroundColor，而不是 inputStyle。文本框本身将保持透明，其占位符文本将继续工作，但容器的白色背景 div 将显示为：

    <TextField
      hintText="Rate"
      style={{ backgroundColor: '#fff' }}
    />

Material-Ui 文本字段提示文本不工作

Material-Ui textfield Hinttext not working

javascript

reactjs

material-ui