灰色の背景色が白色ではなくリスト項目にある

Question

Material-uiを使用してリストを作成しようとしていますが、何らかの理由でリスト項目の背景色が灰色に変わります。この灰色がどこから来ているのか分かりません。文書http://www.material-ui.com/v0.15.0-alpha.1/#/components/listによれば、リスト項目の色は白でなければならない。

const muiTheme = getMuiTheme({ 
    fontFamily: 'Roboto, sans-serif', 
    palette: { 
    primary1Color: blue500 
    } 
}); 

render() { 
    return (
     <MuiThemeProvider muiTheme={muiTheme}> 
     <div> 
     <AppBar title='Test' showMenuIconButton={false} /> 
     <List> 
     <Subheader>Heading</Subheader> 
     <ListItem primaryText="Nexus"/> 
     </List> 
     </div> 
     </MuiThemeProvider> 
    ); 
    } 
} 

Answer 1

これは、グレーの背景を引き起こしているものである - （！余りにとsanitize.css）normalize.css

[type=submit], [type=reset], button, html [type=button] { 
    -webkit-appearance: button; 
} 

Answer 2

からアンドレはそれがnormalize.cssでだ、言ったように。正規化を変更せずに問題を回避する方法は、親divにルールを置くことです。

/* Get around the MaterialUI listItems having a grey background */ .menuDrawer [type="button"] { -webkit-appearance:inherit; }