你只需要一个小小的修正：

a, a:hover {
    text-decoration: none; 
}

这是一个特殊的问题：标签上的style属性优于a:hover CSS规则优于a CSS规则。

当涉及到大型复杂的网站时，有一个很大的区别，你想覆盖和更改HTML中已经内联的样式，使用style="...”属性。
例如，您希望在大多数页面上以一种颜色显示，但在某个特定页面上以不同颜色显示，或者在同一页面上第二次显示。许多插件使用内联样式，这使得很难轻松定制它们。
因为使用HTML的inline style属性的样式几乎具有最高的特异性（如果你喜欢的话，基本上意味着“最强的力量”）。覆盖它的唯一方法就是使用！important，这只会使问题复杂化，因为这使得进一步覆盖变得更加困难。
另一个主要缺点是内联样式会使HTML变得混乱，使其更难维护、编辑和理解--这也是CSS样式表的主要原因，它将样式与内容分离。

一个可能的问题是你的html中的空白。如果你用字形图标链接到某个东西，如果你在包含元素之间有空白（或者我想你可以使用不间断的空格），那就是你会看到那个小下划线字符的时候。
应该️工作正常，不显示下划线

`<a href="#"><span class="glyphicon glyphicon-envelope"></span></a>`

悬停️时显示下划线

`<a href="#">
    <span class="glyphicon glyphicon-envelope"></span>
</a>`