我想在我的React选择组件中添加蓝色背景并给下箭头图标上色。然而,我似乎找不到正确的方法来针对我要更改的选择部分进行定位。目前,该选择看起来像这样...
我希望它更像...
我的代码当前是...
![enter image description here](https://istack.dev59.com/hY3Qq.webp)
![enter image description here](https://istack.dev59.com/iP426.webp)
render() {
const { selectedOption } = this.state;
return (
<Select
value={selectedOption}
styles={reactSelectStyles}
onChange={this.passingprops}
options={this.state.adminoptions}
/>
);
}
}
const reactSelectStyles = {
icon: {
fill: "blue"
}
}
我是否朝着正确的方向前进,还是完全错了?我感觉这个问题有一个简单的解决方案,只是我还无法完全理解。
谢谢大家!
dropdownIndicator
替代'图标'作为下拉按钮,使用backgroundColor
替代fill
。 - Kenzk447