予期せぬアンダースコアが出現

-1

私はw3.cssとフォントのすばらしいアイコンを使っていました。 2つのリンクを作成し、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>

出典

2016-08-21 dngs

私は、リンクの 'テキストdecoration'スタイル（下線）です推測しています。あなたのCSSで '' a、a：hover {text-decoration：none;} 'を試してください - すべてのリンクからアンダーラインを削除したくない場合は、もっと具体的にしてください... – ryantdecker

リンクにはデフォルトで下線が引かれていて、アイコンと空きスピルオーバーが含まれています。

リンクにデフォルトのアンダースコアスタイルを防止するために、リンクに text-decoration: none;を追加します。

EDIT：全例（アイコンなし）：

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

予期せぬアンダースコアが出現

答えて

関連する問題