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中看到不支持＆＃34; color＆＃34;：

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

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

1 个答案: