Question

我有一个有联系人页面的网站。

在这个页面上我有我的电子邮件地址，链接在mailto锚点。电子邮件显示为通常未访问的蓝色，带有下划线。

尝试删除此问题是问题的开始

此链接的代码是：

<li>
<div class="icon email">Email:</div>
<div class="email_info" style="text-decoration:none"><a href="mailto:kevin@kh.co.uk">kevin@kh.co.uk</a></div>

</li>

我尝试将text-decoration:none添加到我的CSS代码中的ul和li，但它们似乎都没有效果。我哪里错了？

Answer 1

将text-decoration: none;应用于a元素而非容器div。

内联样式（通过单个元素的style属性定义CSS）通常也是不好的做法 - 你应该把它放在外部样式表中，或至少放在head中，如下所示：

<style>
    .email_info a {
        text-decoration: none;
    }
</style>

Answer 2

你可以试试......

ul li a {
    text-decoration: none;
}

Answer 3

添加以下CSS

.email_info a {
    text-decoration: none;
}

Answer 4

尝试：

ul li a {
text-decoration: none;
}

如果不起作用：

<a href="#" style="text-decoration: none;">Link</a>

并将其放入链接本身

文字装饰不工作

4 个答案: