防止 href 语句在文本按钮下划线答案

【问题标题】：Preventing href statements from underlining your text button防止 href 语句在文本按钮下划线
【发布时间】：2014-05-21 18:58:13
【问题描述】：

现在我正试图阻止文本按钮在自身下划线。这个按钮位于一个表格中，这就是为什么我有一个<td> 标签。但是，当应用内部样式来消除下划线时，它仍然是下划线。我怎样才能摆脱这个，或者我错误地摆脱了这个。我从这里学会了如何禁用下划线：http://www.pageresource.com/html/link3.htm 但就像我之前说的，它失败了。

  <td style="text-decoration:none"><a href="view_topic.php?id=<?php echo $rows['id']; ?>"><?php echo $rows['subject']; ?> </a><BR></td>

【问题讨论】：

您应该考虑不使用内联样式。要在没有内联样式的情况下获得相同的结果，请在锚标记中添加一个类，然后将 text-decoration: none;在与您的页面关联的 CSS 文件中的该类上。

标签： css underline

【解决方案1】：

如果您绝对必须将样式内联，那么在这种情况下，您需要在锚的样式属性中应用text-decoration:none，而不是在表格单元格中：

<a style="text-decoration:none" href="view_topic.php?id=<?php...

但是，这样做，您必须将其应用于每个元素，而不是使用 css 类一次将其应用于所有链接。

【讨论】：

【解决方案2】：

问题是您将文本装饰样式放在td 而不是a

【讨论】：

【解决方案3】：

您需要将文本装饰应用于a 元素，而不是表格单元格。

<td>
    <a style="text-decoration:none" href="view_topic.php?id=<?php echo $rows['id']; ?>">
        <?php echo $rows['subject']; ?>     
    </a><BR>
</td>

这是一个显示两者区别的小提琴：http://jsfiddle.net/LsFK5/

【讨论】：

【解决方案4】：

只需将代码更改为

<td><a style="text-decoration:none !important;" href="view_topic.php?id=<?php echo $rows['id']; ?>"><?php echo $rows['subject']; ?> </a><BR></td>

【讨论】：

【解决方案5】：

将样式从 td 标签移动到锚标签。

<td><a href="view_topic.php?id=<?php echo $rows['id']; ?>" style="text-decoration:none"><?php echo $rows['subject']; ?> </a><BR></td>

【讨论】：

【解决方案6】：

您应该为<a> 元素添加一个类，例如.a-no-underline，然后在您的CSS 文件中，您可以添加一个样式规则，例如：

.a-no-underline {
    text-decoration: none !important;
}

确保将此类应用于<a> 元素而不是<td> 元素。像这样：

<td>
    <a class="a-no-underline" href="view_topic.php?id=<?php echo $rows['id']; ?>">
        <?php echo $rows['subject']; ?> 
    </a><br/>
</td>

【讨论】：