如何重新设置搜索文本颜色的样式？

Question

我正在使用 react-select v2 组件，并且在为组件的搜索部分重新设置输入文本样式时遇到困难。

这是组件本身：

<AsyncSelect value={this.props.value} onChange={this.props.onChange} isSearchable options={ this.state.options } onInputChange={this.onInputChange} styles={styleSheet} />

这是样式表：

const styleSheet = { input: (base, state) => ({ ...base, color: "red" }), };

这似乎对文本颜色没有影响，但我不确定为什么。任何见解将不胜感激。谢谢

编辑：我可以在 components/Input.js 中看到不支持 "color":

const inputStyle = isHidden => ({ background: 0, border: 0, fontSize: 'inherit', opacity: isHidden ? 0 : 1, outline: 0, padding: 0, });

在哪种情况下这需要是功能请求，或者是否有其他应用方法？

Answer 1

const styleSheet = {
  input: (base, state) => ({
    ...base,
    '[type="text"]': {
      fontFamily: 'Helvetica, sans-serif !important',
      fontSize: 13,
      fontWeight: 900,
      color: 'green'
    }
  })
};

然后在您的渲染方法中：

<Select styles={styleSheet} />

如何重新设置搜索文本颜色的样式？

How can I re-style the search text color?

react-select