Question

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

以下是截图：

以下是代码：

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

Answer 1

分别在样式标记中悬停，然后检查它或在单独的CSS文件中包含它并删除＆amp; 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>

Answer 2

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

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

编辑：完整示例（没有图标）：

＆＃13;

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

＆＃13;

一个意想不到的UNDERSCORE出现了

2 个答案: