在 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>
);
};
}