material-ui - 如何在 Material UI 中更改框颜色
问题描述
我是网络开发的新手。话虽如此,我正在尝试使用 Material-UI 更改框颜色,但它不起作用。(颜色=成功.main)
目前,我得到的颜色是原色蓝色。我试图改变每个盒子组件,但它并没有真正适用于它们中的任何一个。
import React from "react";
import { palette } from '@material-ui/system';
import {
AppBar,
Toolbar,
Box,
Link,
Hidden
} from '@material-ui/core';
import { makeStyles } from '@material-ui/core/styles';
import './Navbar.css';
const useStyles = makeStyles({
links: {
padding: '0 50px',
color: 'white',
"&:hover": {
textDecorationColor: "green",
cursor:'pointer'
}
},
});
export default function Navbar() {
const Navbar = useStyles();
return(
<Box component='nav' color="success.main">
<AppBar>
<Toolbar>
VK Design
<Box m='auto'>
<Hidden only='xs'>
<typography><Link className={Navbar.links} underline='hover'>HOME</Link></typography>
<typography><Link className={Navbar.links} underline='hover'>PORTFOLIO</Link></typography>
<typography><Link className={Navbar.links} underline='hover'>ABOUT</Link></typography>
<typography><Link className={Navbar.links} underline='hover'>CONTACT</Link></typography>
</Hidden>
</Box>
</Toolbar>
</AppBar>
</Box>
)
};
解决方案
使用“bgcolor”而不是“color”
<Box
bgcolor="primary.main"
> ... </Box>
推荐阅读
- java - MongoDB:如何使用大数据优化聚合查询
- nightwatch.js - 如何在 Nightwatch.js 中以编程方式运行测试?
- java - 对大型矩阵(即 10,000 x 10,000)执行求逆
- vba - 我不断收到错误 3027,我无法更新数据库。我该如何解决这个错误?
- python - 如何将数据框的值用作列并有选择地将值放入其中?
- javascript - 事件处理程序中的错误:TypeError:加载页面时无法读取未定义的属性“应用”
- r - 即使在活动完成后,shinycssloader 也会继续加载
- ansible - Condition based execution in ansible
- python - 将结果更改/打印为大写
- sql - 将 3 个字段合并为 1 个值 - Oracle SQL