Avatar for Username

Zoeken in Support

Vermijd ondersteuningsscams. We zullen u nooit vragen een telefoonnummer te bellen, er een sms naar te sturen of persoonlijke gegevens te delen. Meld verdachte activiteit met de optie ‘Misbruik melden’.

Learn More

Deze conversatie is gearchiveerd. Stel een nieuwe vraag als u hulp nodig hebt.

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

  • 2 antwoorden
  • 6 hebben dit probleem
  • 6 weergaven
  • Laatste antwoord van 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?
Gekoppelde schermafbeeldingen

Gekozen 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).

Dit antwoord in context lezen 👍 4

Alle antwoorden (2)

ender21
ender21 Vraageigenaar
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;
 }

}

Bewerkt door ender21 op

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

Gekozen 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).