html - How to disable the clickable property for Bootstrap glyphicons? -

i've included bootstrap-3 glyphicons on website:

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

i have voluntarily omitted href attribute because don't need clickable property (these icons used decoration).

the icons remain clickable: color changes when mouse comes on them , underline appears @ same time, giving illusion can clicked achieve something...

is there way disable behavior?

don't use a, instead use span or i. style span way like.

html:

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

html icon in a:

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

css:

a span { style }