如何删除下划线时悬停在IE中的图像？

问题描述：

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

tr td a i:hover{ 

text-decoration: none !important; 
}

但这并不适用于我。我还将这些图标包装在display-inline中，但它仍不起作用。请帮助

我假设图像包裹在锚标签中？你用过“文字装饰：没有！重要”;在锚而不是图像？你能告诉我们你的html/css吗？ –

你可能也有一个悬停边框的东西，删除边框; 0; – Medda86

你能帮助我们创建一个小提琴吗？ https：//开头的jsfiddle。net/ – nextstep

答

指定锚标记类：

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

然后起飞锚标记级别的文本的装饰。 CSS：

a.NoUnderline 
{ 
    text-decoration:none; 
}

答

尝试设置:hover选择包括text-decoration: none;

例如：

yourelement:hover{ 
    text-decoration: none; 
}

我试过了，它没有工作 – Muraad

欢迎来到堆栈溢出isaac。我正在审核您的答案，并希望提供一些关于如何改进的提示。首先，当你写一个答案时，让你向OP解释它是如何回答他们的问题的。其次，尽可能尝试链接官方文档来证明你的概念。最后，请阅读以下文章：http://*.com/help/how-to-answer –

答

你必须给border:none到图像标签

CSS

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

    text-decoration: none !important; 
}

答

我们真的不知道你的环境是什么样的，没有代码。

但你可以试试。

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

或

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

如果它不能正常工作;尝试使用!important或文档的<head></head>添加它。 （但是如果你编码正确，你不应该做这种练习）

答

问题是图像本身没有下划线，但围绕图像的锚标记确实。

要从锚删除所有下划线，你必须这样做：

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

但是，如果你不想从一个表格单元格中所有锚删除下划线，你需要一个specifiy类别：

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

并将anchors class属性设置为nounderline。