Question

现在我正试图阻止文本按钮加下划线。此按钮位于表格中，这就是我有<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>

Answer 1

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

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

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

Answer 2

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

上

Answer 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/

Answer 4

只需将您的代码更改为

即可

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

Answer 5

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

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

Answer 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>

防止href语句为您的文本按钮加下划线

6 个答案: