Javascript 在IE中将鼠标悬停在图像上时如何删除下划线？

我使用的是数据表，表中的每一行都有一列图标。我注意到，在Chrome和Firefox中，当我将鼠标悬停在图标上时，它会改变颜色（这很好）。但是，在IE中，当用户将鼠标悬停在图标上时，图标会加下划线，直到用户移动光标为止。我试过：

tr td a i:hover{

text-decoration: none !important;  
}

但这对我不起作用。我还将图标包装在

内联显示中

，但它仍然不起作用。

---

请帮助将锚定标记指定为类：

<a class='NoUnderline'>blah blah</a>

---

尝试将

：悬停
选择器设置为包含
文本装饰：无

例如：

yourelement:hover{
    text-decoration: none;
}

您必须将
边框：无
赋予图像标签

CSS

img{
 border:none;
}
tr td a:hover{

   text-decoration: none !important;  
}

如果没有代码，我们真的不知道您的环境是什么样子

但是你可以试试

.element:hover {text-decoration: none; border: 0px}

或

如果它不起作用；尝试使用
添加它！重要信息
或在文档的
中。（但如果编码正确，就不必进行这种练习）
问题在于图像本身没有下划线，但图像周围的锚定标记有下划线

要删除锚点上的所有下划线，必须执行以下操作：

tr td a:hover{
   text-decoration: none !important;  
}

但是，如果不想从表单元格中的所有定位中删除下划线，则需要指定一个类：

tr td a.nounderline:hover{
   text-decoration: none !important;  
}

并将anchors类属性设置为nounderline。
我假设图像被包装在anchor标记中？您是否在锚定上使用了“文本装饰：无！重要；”而不是图像？你能给我们看一下你的html/css吗？你可能还有一个悬停边框，用边框把它去掉；0;你能帮我们做一把小提琴吗？如果这个问题的已知文档解决方案对您不起作用，您必须显示更多特定于您的代码嗨，我已经添加了我的答案，您必须使用border:none来imgWelcome to stack overflow isaac。我正在复习你的答案，并想就如何改进提出一些建议。首先，当你写一个答案时，你要向OP解释它是如何回答他们的问题的。第二，只要有可能，尝试链接到官方文档以证明您的概念。最后，请阅读以下文章：
tr td a:hover{
   text-decoration: none !important;  
}

tr td a.nounderline:hover{
   text-decoration: none !important;  
}