[RaisedButton] Cannot override styles

[timnity]

when I use this
<RaisedButton style={{marginLeft: 300}} type="submit" label="Login" secondary={true} />
the RaisedButton component will display tow layer

[mmrtnz]

Hi @timnity, can you please provide a screenshot and/or code example of what you are doing?

[MycChiu]

I think i am experiencing the same problem. When I use inline style to alter raisedButton

var buttonStyle = {
    'height': 90,
    'width': 90,
    'margin': 5
};
//skipping other codes to rendering
 <RaisedButton style={buttonStyle} label="1-2"/>

the button itself will be resized, but when you hover over the button, the color change will only happen around the default area.

I tried to used the ThemeManager to override the style but haven't got it to work yet.

[alshain]

+1, I have the same issue

<RaisedButton label="Import Files" style={{margin-right: 0}} />

[sothychan]

@alshain Your style object is wrong. Material-UI requires camelCase so you need to change it to this

<RaisedButton label="Import Files" style={{marginRight: 0}} />

[sothychan]

@MycChiu Try removing the quotes from your property keys. It works fine for me.

[alshain]

@sothychan You're right! There was another issue though, in that custom styles didn't work when you used a RaisedButton inside a ToolbarGroup

e579df5