代码之家  ›  专栏  ›  技术社区  ›  r4id4

Ant设计更改样式选择组件

  •  0
  • r4id4  · 技术社区  · 7 年前

    我想改变 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 回复  |  直到 7 年前
        1
  •  0
  •   yohaiz    7 年前

    你可以找到答案 here .

    简而言之, 您需要用下面的类设置inline div的样式

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