материала-UI/reactjs стиль компонента меню сломан

Question

Я последовал документ снизу. http://www.material-ui.com/#/components/popover

<Popover 
    open={this.state.open} 
    anchorEl={this.state.anchorEl} 
    anchorOrigin={{horizontal: 'left', vertical: 'bottom'}} 
    targetOrigin={{horizontal: 'left', vertical: 'top'}} 
    onRequestClose={this.handleRequestClose} 
> 
    <Menu> 
    <MenuItem primaryText="Sign out" onClick={this.props.logout} /> 
    </Menu> 
</Popover> 

меню SignOut Боттон некрасиво. Кто-нибудь знает, почему это происходит? Заранее спасибо.

Answer 1

Это происходит потому, что <MenuItem> компонентов оказывает пролет с type="button" атрибутом, но в последних версиях materialize-css там установлено правило:

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

Вы можете это исправить, установив:

[type=button]{ 
    -webkit-appearance: none 
} 

В глобальный файл css.