Question

I use Bootstrap for my CSS style. I would like to fake a link as button, so I need to turn off hover styling:

a:hover {
         color: #00438a;
         text-decoration: underline;

}

How would I override hover properties in my html file (and not overwriting what has been defined in Bootstrap).

Thank you.

Answer 1

Make the style for a specific id tag.

So change:

a:hover {
     color: #00438a;
     text-decoration: underline;
}

to

a#some_id_tag_name:hover {
     color: #00438a;
     text-decoration: underline;
}

Or create a specific class that overrides if you want to reuse the style.

a.some_class_tag_name:hover {
     color: #00438a;
     text-decoration: underline;
}