Question

我在jquery中有锚标记

success: function(result) {
   $('#MyGrid tbody').append('<tr><td><a STYLE="text-decoration:none" href="#"><font color=black><strong>' + result.name+ '</font></a></td></tr>');

删除下划线我添加了样式属性，但它没有删除下划线。如何删除锚标记的下划线？

感谢， michaled

Answer 1

尝试使用重要的内容，以防任何其他样式规则覆盖重要的内联样式。

$('#MyGrid tbody').append('<tr><td><a style="text-decoration:none !important;" href="#"><font color=black><strong>' + result.name+ '</font></a></td></tr>');

Answer 2

尝试正确关闭锚点，字体和强标记：

success: function(result) {
    $('#MyGrid tbody').append('<tr><td><a STYLE="text-decoration:none"><font color="black"><strong>' + result.FileName + '</strong></font></a></td><td><a href="#" class="remove">Remove</a></td></tr>');
}

Answer 3

您忘记关闭字体标记

附近的锚标记

尝试这个我不确定它是否正确

$('#MyGrid tbody').append('<tr><td><a STYLE="text-decoration:none"><font color=black><strong>' + result.FileName + '</a></td><td><a href="#" class="remove">Remove</a></td></tr>');

或试试这个

$('#MyGrid tbody').append('<tr><td><a><font color=black><strong>' + result.FileName + '</a></td><td><a href="#" class="remove">Remove</a></td></tr>');
$('#MyGrid tbody tr td a').css("text-decoration","none");

Answer 4

您可以尝试这样的事情：

<a href="#" style="text-decoration : none">HTML Hyperlink without Underline using inline style</a>

这对我有用。

否则你可以试试CSS风格：

<html> <head> 
<title>HTML Hyperlink No Underline</title> 
<style type="text/css"> 
a {font-family : Arial; Font-size : 12px; text-decoration : none} 
a:link {color : #ff0000} 
a:visited {color : #00ff00} 
a:active {color : #666666} 
a:hover {color : #0000ff} 
</style> 
</head>

如何在jquery中删除锚链接的下划线

4 个答案: