为什么我无法从下划线删除文本装饰样式？

Question

当我尝试在本地服务器上运行此代码时出现此错误。我已经在代码中提到过text-decoration-style：none; 我将文本修饰作为下划线，我想删除它。

<style>
    li {
        list-style-type: none;
        text-decoration-style: none;
        display: inline-block;
        color: white;
        padding: 20px;
        margin-left: 20px;
    }

    .navbar {
        max-width: 100%;
        background-color: black;
    }
</style>

Image of the Error where m getting error.

Answer 1

text-decoration-style: none;语法错误，您应该使用text-decoration-style: unset;更好的方法是使用 text-decoration: none;

Internet Explorer / Edge 或 Safari 不支持text-decoration-style属性。

有关更多用法和语法，请查看此article

Answer 2

如果您在<a>内使用锚点li，则应将其应用于a而不是li

.navbar ul li a{
    text-decoration: none;
}