意外的UNDERSCORE出现

-1

我正在使用w3.css和字体真棒图标。我创建了两个链接，并为它们使用了check和time图标。第一个链接（图标）正在显示并在其旁边加下划线_。但它不在代码中。我试图改变图标，但它仍然存在。我在Firefox中检查过它，下划线是<a></a>的一部分，而不是图标。你能帮助解决这个问题吗？意外的UNDERSCORE出现

下面是截图：

这里是代码：

<td> 
      <a href="ajaxAction.php?aid=<?php echo $r['id']; ?>"> 
       <i class="fa fa-check w3-text-green w3-hover-green"></i> 
      </a> 
      &nbsp; 
      <a href="ajaxAction.php?unid=<?php echo $r['id']; ?>"> 
       <i class="fa fa-times w3-text-red w3-hover-red"></i> 
      </a> 
</td>

来源

2016-08-21 dngs

我猜这就是链接的'文本decoration'样式（下划线）。尝试在你的css中使用'a，a：hover {text-decoration：none;}' - 如果你不想从你的所有链接中删除下划线，就更具体一些吧...... – ryantdecker

默认情况下，链接带下划线，并且包含图标和空溢出。

将 text-decoration: none;添加到链接以防止链接上的默认下划线样式。

编辑：完整的例子（无图标）：

<!DOCTYPE html> 
 
<html> 
 
<meta name="viewport" content="width=device-width, initial-scale=1"> 
 
<link rel="stylesheet" href="http://www.w3schools.com/lib/w3.css"> 
 
<body class="w3-container"> 
 

 
<table> 
 
<tr><td> 
 
      <a href="ajaxAction.php?aid=<?php echo $r['id']; ?>"> 
 
       <i class="fa fa-check w3-text-green w3-hover-green"></i> 
 
      </a> 
 
      &nbsp; 
 
      <a href="ajaxAction.php?unid=<?php echo $r['id']; ?>"> 
 
       <i class="fa fa-times w3-text-red w3-hover-red"></i> 
 
      </a> 
 
</td> 
 
</tr> 
 
<tr><td> 
 
      <a style="text-decoration:none;" href="ajaxAction.php?aid=<?php echo $r['id']; ?>"> 
 
       <i class="fa fa-check w3-text-green w3-hover-green">_</i> 
 
      </a> 
 
      &nbsp; 
 
      <a style="text-decoration:none;" href="ajaxAction.php?unid=<?php echo $r['id']; ?>"> 
 
       <i class="fa fa-times w3-text-red w3-hover-red">_</i> 
 
      </a> 
 
</td> 
 
</tr> 
 
<tr><td> 
 
      <a style="text-decoration:none;" href="ajaxAction.php?aid=<?php echo $r['id']; ?>"> 
 
       <i class="fa fa-check w3-text-green w3-hover-green">_</i> 
 
      </a> 
 
      &nbsp; 
 
      <a style="text-decoration:none;" href="ajaxAction.php?unid=<?php echo $r['id']; ?>"> 
 
       <i class="fa fa-times w3-text-red w3-hover-red">_</i> 
 
      </a> 
 
</td> 
 
</tr> 
 
</table> 
 
</body> 
 
</html>

来源

2016-08-21 20:41:12

谢谢。使用'text-decoration：none;'解决了这个问题。我想知道为什么只发生在这个链接上？我敢打赌，它几个小时前不在那里。无论如何，感谢您的解决方案。 – dngs

风格标签适用悬停单独然后检查或单独的CSS文件，并将其纳入和删除& NBSP用户CSS代替

<style> 
 
a:hover { 
 
color: red; 
 
} 
 
</style> 
 
<td> 
 
      <a href="ajaxAction.php?aid=<?php echo $r['id']; ?>"> 
 
       
 
      </a> 
 
      
 
      <a href="ajaxAction.php?unid=<?php echo $r['id']; ?>"> 
 
       
 
      </a> 
 
</td>

来源

2016-08-21 20:34:46

意外的UNDERSCORE出现

回答

相关问题