蚂蚁设计更改样式选择组件

时间:2019-01-27 09:09:13

标签: reactjs antd

我想更改background color组件(而不是下拉视图)的Select
这是我使用的代码,但是背景没有改变,因此始终是默认的白色。

class CustomSelect extends Component {

    render() {
        return (
                <Select
                    size="large"
                    style={styles.select}
                    onChange={this.props.onChange}
                >

                    <Option value="male">Male</Option>
                    <Option value="female">Female</Option>
                </Select>
        )
    }

var styles = {
    select: {
        fontSize: "15px", 
        backgroundColor: '#f4f5f7'
    },
}

1 个答案:

答案 0 :(得分:0)

您可以找到答案here

简而言之, 您需要使用以下类设置内联div的样式

.ant-select-selection {
  background-color: green;
}