更改“选择”组件的边框和箭头图标“材质”用户界面的颜色

但是，当选择组件处于焦点状态时，我似乎无法设置下划线的颜色，即使用上述代码，我得到了白色下划线和图标，但是当焦点位于组件上时，下划线保持黑色。

在Jan-Philipp的一些帮助下，在组件始终处于焦点状态时，我将所有内容都涂成了白色：

const styles = theme => ({
    select: {
        '&:before': {
            borderColor: color,
        },
        '&:after': {
            borderColor: color,
        }
    },
    icon: {
        fill: color,
    },
});


class MyComponent extends React.Component {

    render() {
        const {classes} = this.props;
        return (
            
                 Foo 1
                 Foo 2
               
        )
    }
}

不是获得正确对比度的非常漂亮的解决方案，但是它可以完成工作。