jQuery css() function changing 'a' property not 'a:hover' property

Question

I\'m having a bit of trouble with the jQuery css() function at the moment. It is changing the css value of the anchor element\'s border-top-color i

Answer 1

add !important to the hover css to avoid the style is overrided. for example:

test:hover {
    border: 1.5px solid white !important;
    color: white !important;
}