Unable to remove CSS class a: hover background-color

Question

I've created a CSS class .press-title, however I've been unable to remove the backround color applied on hover.

.press-title a:hover { background-color: none; text-decoration: none;}

Ideas?

Link is towards the bottom of the page:

http://domdemarcos.com/typography/

EDIT to reflect change made from reply.

score 27 · Answer 1 · answered Feb 10 '13 at 22:48

27

Try

.press-title a:hover { background-color: transparent; text-decoration: none; }

answered Feb 10 '13 at 22:48

Rob Stevenson-Leggett

35,279
21
87
141

Boom, that was it. Thanks! – cunningfox Feb 10 '13 at 22:56

score 7 · Answer 2 · answered Feb 10 '13 at 22:48

7

Try:

background-color:transparent;

answered Feb 10 '13 at 22:48

mika

1,411
1
12
23

score 2 · Answer 3 · answered Feb 10 '13 at 22:48

2

Your selector is invalid. Firefox throws this message: Expected identifier for pseudo-class or pseudo-element but found ' '. Ruleset ignored due to bad selector.

It should be:

.press-title a:hover

answered Feb 10 '13 at 22:48

Šime Vidas

182,163
62
281
385

Thanks. Changed, but still no joy. – cunningfox Feb 10 '13 at 22:53

Unable to remove CSS class a: hover background-color

3 Answers3