Material-Ui textfield Hinttext not working

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' }} 
    />