小编Tri*_*awn的帖子

无法使用 React.js 中的 Material UI 调色板颜色更改边框颜色

我正在 React.js 中使用带有右边框的 MUI 组件创建自定义侧导航栏。

我未完成的侧边导航栏。

const SideNav = () => {
    return (
        <Stack
            sx={{
                bgcolor: 'background.paper',
                borderColor: 'grey.500', //I want to color my border to grey.500
                borderRight: 1,
                top: 0,
                left: 0,
                position: 'fixed',
                width: 80,
                height: 1
            }}
        >
            <Stack alignItems="center" spacing={2}>
                <IconButton color="primary" aria-label="delete" size="large">
                    <DeleteIcon fontSize="medium" />
                </IconButton>
            </Stack>
        </Stack>
    )
}

export default SideNav
Run Code Online (Sandbox Code Playgroud)

问题是我无法使用 MUI(Material UI)系统的主题颜色更改右边框的颜色。即使我将sx={{borderColor: 'grey.500'}}其设置为默认黑色。而且该应用程序正常执行,没有任何错误,但边框颜色仍然默认为黑色。

reactjs material-ui

2
推荐指数
1
解决办法
4205
查看次数

标签 统计

material-ui ×1

reactjs ×1