html - 如何禁用 Bootstrap 字形的可点击属性？

Question

我在我的网站上包含了 Bootstrap-3 字形图标:

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

我自愿省略了 href 属性，因为我不需要 clickable 属性(这些图标只是用于装饰)。

图标保持可点击:当鼠标移到图标上时颜色会发生变化，同时出现下划线，给人一种可以点击它们以实现某些目的的错觉...

有没有办法禁止这种行为？

Answer 1

不要使用a，而是使用类似span 或i 的东西。按照您喜欢的方式设置 span 的样式。

HTML:

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

a 中的 HTML 图标:

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

CSS:

a span { your style }