Vanwege onderhoudswerkzaamheden die uw ervaring zouden moeten verbeteren, heeft deze website beperkte functionaliteit. Als een artikel uw probleem niet verhelpt en u een vraag wilt stellen, kan onze ondersteuningsgemeenschap u helpen in @FirefoxSupport op Twitter en /r/firefox op Reddit.

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’.

Meer info

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

How can I style links in my signature using CSS?

  • 1 antwoord
  • 1 heeft dit probleem
  • 6 weergaven
  • Laatste antwoord van Smokva

more options

I want to style links in my email signature using pseudo classes, I can't find a way to do this that works and Mozilla always turns them into horrible blue underlined links which don't look good with my colour scheme.

I want to style links in my email signature using pseudo classes, I can't find a way to do this that works and Mozilla always turns them into horrible blue underlined links which don't look good with my colour scheme.

Alle antwoorden (1)

more options

I've been doing a lot of sig creating/testing in the last few days so I'll see if some of my tricks will help you. First of all, complex (sometimes even not-so-complex) HTML or CSS codes will not work in email clients. It is not a website, and this is its way of telling you that. In fact, I'd go so far as to say that you should avoid HTML5 and CSS3 coding unless they existed in previous versions. Here is a good source to research accepted style elements. https://www.campaignmonitor.com/css/

Second, inline styling is a must which you probably know, but that doesn't mean that other email clients won't strip it away. You will have to do testing. And if your testing shows a particular client "converting" your link, you will have to adjust your style - possibly even duplicate it in several areas. My testing has shown G-Mail to be the most annoying when it comes to the dreaded blue-link-conversion.

Here is an example of a link that currently appears and functions properly in G-Mail, Outlook and Thunderbird.

It is clickable, no underline, and a red color:

{font}{a href="http://www.mywebsite.ca" style="color:#cc0000; font-size:11pt; font-weight:normal; text-decoration:none;"} http://www.mywebsite.ca {/font}{/a}

This is a direct paste from a code I use, so try to keep key elements in the same order while you modify the info.

I hope this helps. If not, perhaps be more specific about what you are trying achieve and what you have tried.

  • Edit* When I posted, I noticed some tags disappeared. So I have substituted { } for the < >

Bewerkt door Smokva op