next.js 材质界面中链接的文本装饰不起作用,有解决方案吗？

x4shl7ld 于 2023-01-20 发布在其他

关注(0)|答案(2)|浏览(127)

我正在从事React/Next js项目，并使用MUI进行设计。

<Link href="/products">
            <ListItem disablePadding>
              <ListItemButton>
                <ListItemIcon>
                  <HomeIcon />
                </ListItemIcon>
                <ListItemText primary="Home"/>
              </ListItemButton>
            </ListItem>
          </Link>

我尝试了内联css“〈ListItemText primary=“Home”/ sx={{textDecoration：'none'}}〉”，但它不起作用。

next.js

来源：https://stackoverflow.com/questions/75154954/text-decoration-for-a-link-in-material-ui-is-not-working-any-solution

2条答案

按热度按时间

fkaflof61#

Link具有textDecorationStyle属性。

赞(0）回复(0）举报 2023-01-20

6ss1mwsb2#

对于ReactJs，您可以将css添加为：

<Link component={Link} to="/products" sx={{textDecoration: "none",
textTransform: "none", color:"black"}}>
            <ListItem disablePadding>
              <ListItemButton>
                <ListItemIcon>
                  <HomeIcon />
                </ListItemIcon>
                <ListItemText primary="Home"/>
              </ListItemButton>
            </ListItem>
          </Link>

赞(0）回复(0）举报 2023-01-20

我来回答

next.js 材质界面中链接的文本装饰不起作用,有解决方案吗？

2条答案

相关问题

热门标签

最新问答