Css 自定义链接悬停下划线高亮显示材质ui

我试图遵循，但不确定如何覆盖

类

和使用

样式

家

我修改了全局

app.css

文件

a：悬停{
底部边框：1px纯红
}

结果是

主页
----
----考虑到
链接
是
考虑到
链接
是
正如另一个答案所建议的，代码肯定是


a{
文字装饰颜色：红色；
}
正如另一个答案所建议的，代码肯定是


a{
文字装饰颜色：红色；
}
对于那些不是通过CSS而是通过类来实现的用户，您可以这样做

link: {
    color: "#00ff00",
    "&:hover": {
        color: "#000000",
        textDecoration: "underline #000000"
    }
},

对于那些不是通过CSS而是通过类来实现的用户，您可以这样做

link: {
    color: "#00ff00",
    "&:hover": {
        color: "#000000",
        textDecoration: "underline #000000"
    }
},

@詹妮弗：嗯，真奇怪。我已经做了一个沙箱，但你的可能看起来不同。你想分享它吗？哦，这很有效，我只需要删除
color:red
，因为它也会改变文本的颜色。谢谢哦，不客气！我想他们可能会匹配啊哈。如果你觉得这有帮助，请考虑把这个标记为解决方案。我认为创建一个类是更好的实践，而不是直接针对所有a标签。如果您以所有a标记为目标，并且发现您可能希望其他标记具有不同的颜色，那么这只会创建更多需要更新的工作@jen007@jen007嗯，真奇怪。我已经做了一个沙箱，但你的可能看起来不同。你想分享它吗？哦，这很有效，我只需要删除
color:red
，因为它也会改变文本的颜色。谢谢哦，不客气！我想他们可能会匹配啊哈。如果你觉得这有帮助，请考虑把这个标记为解决方案。我认为创建一个类是更好的实践，而不是直接针对所有a标签。如果您以所有a标记为目标，并且发现您可能希望其他标记具有不同的颜色，那么这只会创建更多需要更新的工作@詹007
link: {
    color: "#00ff00",
    "&:hover": {
        color: "#000000",
        textDecoration: "underline #000000"
    }
},