创建了在悬停时展开的图像链接水平列表。悬停时图像旁边出现线条,为什么?

Created horizontal list of image links that expand onhover. Lines appearing next to images onhover, why?

Live page, CSS Source, Page source

如果将鼠标悬停在 Twitter 图标上,您应该会看到图标右侧出现一条深蓝色线条,当您将鼠标移开时该线条会消失。除了 "Donate" 图标之外的所有图标都会出现这种情况。我怀疑这是因为图标挡住了这条线的视线,尽管你的猜测和我的一样好。谁能告诉我为什么会出现这条神秘的线?我不知道它是怎么到那里的,因为我使用的是带有实时页面更新的编辑器,并认为这是一个小故障。

谢谢!

这应该适合你

a {
text-decoration: none;
}

默认情况下,文本装饰是锚标记的下划线。