Question

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

现在正在显示hintText，但是当我点击该文本时，Textfield无法正常工作，当我在文本外单击时，它正在工作。

这是我的文本字段样式：

$ ansible elastichsearch -m ping
192.168,101.10 | SUCCESS => {
    "changed": false,
    "ping": "pong"
}

/＆GT;

Answer 1

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

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