在Material UI中,我想在我的按钮上设置borderRadius.传递style
属性似乎适用FlatButton
但不适用RaisedButton
.
因为RaisedButton
,borderRadius应用于父<div>
(必要)但不适用于<button>
自身(这也是必要的)
这是Material UI中的错误吗?或者这种行为是打算?如果是这样的话,那么如何制作带圆角的RaisedButton呢?
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 (
<div>
<FlatButton label="flat button" style={{borderRadius: '25px'}}/> {/*works*/}
<RaisedButton label="raised button" style={{borderRadius: '25px'}} /> {/*does not work*/}
</div>
);
};
}
Run Code Online (Sandbox Code Playgroud)