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