意外的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出現

回答

相關問題