关于javascript:MaterialUI-自定义样式

记录Material-UI 自定义款式,后续继续更新

自定义款式, 伪类选择器款式定义

const useStyles = makeStyles((theme) => ({
    paper: {
        marginTop: theme.spacing(8),
        display: 'flex',
        flexDirection: 'column',
        alignItems: 'center',
    },
    avatar: {
        margin: theme.spacing(2),
        backgroundColor: theme.palette.success.light,
    },
    form: {
        width: '100%',
        marginTop: theme.spacing(1),
    },
    submit: {
        margin: theme.spacing(1, 0, 2),
        backgroundColor: theme.palette.success.light,
        '&:hover': {
            backgroundColor: theme.palette.success.main,
        }
        
    },
    containerItem: {
        fontSize: '14px',
        textAlign: 'right',
        color: '#737373',
        '&:hover': {
            color: theme.palette.success.light,
        }
    }
}))

其余的伪类同理

评论

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

这个站点使用 Akismet 来减少垃圾评论。了解你的评论数据如何被处理