Material UI inline style not working
<p>In Material UI, I want to set borderRadius on my buttons. Passing the <code>style</code> attribute seem to work for <code>FlatButton</code> but not for <code>RaisedButton</code>. </p>

<p>For <code>RaisedButton</code>, the borderRadius is applied to the parent <code>&lt;div&gt;</code> (which is necessary) but not to <code>&lt;button&gt;</code> itself (which is also necessary) </p>

<p>Is this a bug in Material UI? Or is this behaviour intended? If it's intended, then how do I make a RaisedButton with rounded corners?</p>

<pre><code>import React from 'react';
import RaisedButton from 'material-ui/lib/raised-button';
import FlatButton from 'material-ui/lib/flat-button';

export default class MyButtons extends React.Component {

  render() {
    return (
      &lt;div&gt;
        &lt;FlatButton label="flat button" style={{borderRadius: '25px'}}/&gt; {/*works*/}
        &lt;RaisedButton label="raised button" style={{borderRadius: '25px'}} /&gt; {/*does not work*/} 
      &lt;/div&gt;
    );
  };
}
</code></pre>