Я пытаюсь создать собственную рамку для своей кнопки
Вот что у меня есть:
<Fab variant="extended" value="yes" className={classNames(classes.fab, classes.primaryLight)} onClick={this.handleButtonClick} size='small'>
Sim
</Fab>
, и это мои стили:
fab: {
margin: theme.spacing.unit,
width: '100px',
fontFamily: theme.typography.fontFamily[1],
fontSize: theme.typography.fontSize.buttonFont,
textTransform: 'none',
},
primaryLight: {
backgroundColor: 'white',
color: 'black',
'&:hover': {
backgroundColor: theme.palette.primary.light,
color: 'white'
}
},
Я могу установить цвет фона и цвет шрифта.Однако я не могу создать границу с цветом, который я хочу.Как бы я это сделал?