Муравей Дизайн изменить стиль Выбрать компонент

Question

Я хотел изменить 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'
    },
}

Answer 1

Вы можете найти ответ здесь.

короче говоря, вам нужно оформить встроенный div с помощью приведенного ниже класса

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