Html 如何禁用引导图标的clickable属性？

我已经在我的网站上添加了Bootstrap-3图标：

<a class="glyphicon glyphicon-wrench"></a>

我自愿省略了

href

属性，因为我不需要clickable属性（这些图标仅用于装饰）

图标仍然可以点击：当鼠标移到图标上时，颜色会发生变化，同时会出现下划线，给人一种可以点击图标以实现某种目标的错觉

有没有办法禁用此行为？

添加此CSS

.glyphicon {
    color: #000 !important;
}
.glyphicon:hover {
    text-decoration: none;
    color:  /* Set your colour if you do not want to use "!important" */;
    cursor: default;
}

您可以使用

设置颜色！重要提示

将特异性增加到100，或只给

：悬停

相同的颜色。我建议后者保持低特异性。

。避免点击{
指针事件：无；
}

尝试通过我选择文本

不要使用

a

，而是使用

span

或

i

之类的方法。按照您喜欢的方式设置

span

HTML:

<span class="glyphicon glyphicon-wrench"></span>

<a href="#"><span class="glyphicon glyphicon-wrench"></span> Link with icon</a>

a span { your style }

CSS:

<span class="glyphicon glyphicon-wrench"></span>

<a href="#"><span class="glyphicon glyphicon-wrench"></span> Link with icon</a>

a span { your style }

---

不要使用

a

元素，而是使用不同的元素，例如

i

…？谢谢@djl！显然，我必须避免使用专门为链接制作的标签。。。这绝对是我所需要的最简单的方法。你的回答会重置鼠标光标。OP希望删除单击。他正在使用a标签。他只需要切换到span。（或任何其他类似标签）