为了账号安全,请及时绑定邮箱和手机立即绑定

无法覆盖 react material-ui appbar 中的样式

无法覆盖 react material-ui appbar 中的样式

holdtom 2023-01-06 15:11:01

我制作了一个自定义组件,并尝试在 AppBar 中使用它,但样式没有被覆盖。我使用了 makeStyles 钩子,当我在外面使用它时它工作正常,但是当我在 AppBar 和 ToolBar 中使用它时,我无法覆盖 UI。

这是我的 codeSandBox 链接:https ://codesandbox.io/s/inquisitorius-6l721?file=/src/Links/Links.js


查看完整描述

2 回答

?
精慕HU

TA贡献1626条经验 获得超6个赞

添加 zIndexlinks可以解决这个问题:


const useStyles = makeStyles(() => ({

  links: {

    zIndex: 0,

    ...


查看完整回答
反对 回复 2023-01-06
?
白衣染霜花

TA贡献1559条经验 获得超9个赞

我可以看到相同的样式也应用于 AppBar 中的链接,但是由于 z-index 为负,您看不到下划线。



查看完整回答
反对 回复 2023-01-06
  • 2 回答
  • 0 关注
  • 14 浏览
慕课专栏
更多

添加回答

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信