Background of options is transparent

Background of options is transparent

<div  className="col-xs-12 col-sm-12 col-md-6 col-lg-6 m-b-15" style={{paddingTop: 26,backgroundColor:'#fff'}}>
                                    <Select value={this.state.parentComboValue} name={this.state.parentComboLabel} onChange={(event) => {

                                        this.setState({
                                            parentComboValue: event.value,
                                            parentComboLabel: event.label
                                        })
                                    }} options={this.state.parentCombo} clearable={false} style={{backgroundColor:'#fff'}}>

                                    </Select>
                                    <text className="errorColor">{this.state.parentComboError}</text>
                                </div>

[devjones]

For version 2, you need to style the menu component

    const selectStyles = {
      menu: base => ({
        ...base,
        zIndex: 100
      })
    };

Then you can reference the Select component via:

<Select styles={selectStyles}>

[AlessandroAnnini]

@AtulKondekar I think I have the solution: you only need to override the .Select-menu-outer z-index property with the value you need. Currently z-index in that class is 1.