Avatar for Username

Search Support

Avoid support scams. We will never ask you to call or text a phone number or share personal information. Please report suspicious activity using the “Report Abuse” option.

Learn More

Hierdie gesprek is in die argief. Vra asseblief 'n nuwe vraag as jy hulp nodig het.

the code a.hover is not working on a domain basis

  • 2 antwoorde
  • 6 hierdie probleem
  • 12 views
  • Laaste antwoord deur cor-el

ender21
ender21
more options

Working global code in userContent.css : a:hover { 

 color: white !important;
 background-color: #C00000 !important;
 text-decoration: none !important;

}

That caused a problem with one website so I want to set that rule per domain : @-moz-document domain(facebook.com) { 

 a.hover {
   color: white !important;
   background-color: #C00000 !important;
   text-decoration: none !important;
   }

} I had it working some time ago but I must have done something different. In the editor, the words hover and color are blue instead of brown and the code is not working. The same for other sites.

How do I correct the code?

Working global code in userContent.css : a:hover { color: white !important; background-color: #C00000 !important; text-decoration: none !important; } That caused a problem with one website so I want to set that rule per domain : @-moz-document domain(facebook.com) { a.hover { color: white !important; background-color: #C00000 !important; text-decoration: none !important; } } I had it working some time ago but I must have done something different. In the editor, the words hover and color are blue instead of brown and the code is not working. The same for other sites. How do I correct the code?
Aangehegde skermkiekies

Gekose oplossing

It is probably better not to use the !important flag for the background-color to avoid specific issues to make it possible for a website to handle this (background image).

Lees dié antwoord in konteks 👍 4

All Replies (2)

ender21
ender21 Vraag-eienaar
more options

I have sorted it out :

@-moz-document domain(facebook.com) { a:hover { 

 color: white !important;
 background-color: #C00000 !important;
 text-decoration: none !important;
 }

}

Gewysig op deur ender21

cor-el
cor-el
  • Moderator
  • Top 10 Contributor
more options

Gekose oplossing

It is probably better not to use the !important flag for the background-color to avoid specific issues to make it possible for a website to handle this (background image).