Come scrivere a: visitato in CSS in linea?

Question

Argomento correlato: How to write a:hover in inline CSS?

Ho bisogno di creare un messaggio di posta elettronica in formato HTML. Tutti gli stili dovrebbero essere in linea. (Secondo - http://www.campaignmonitor.com/css/ Non tutti i client di posta elettronica riconoscono tag STYLE con nel tag HEAD ma tutti preferiscono stili inline..)

mio problema: Il progettista vuole un colore di sfondo scuro + collegamenti bianchi, in modo io uso -

<a href="http://www.mySite.com" target="_blank"> 
    <span style="color: #ffffff;" >ici</span> 
</a> 

ma il default "colore visitato" è scuro.

C'è un altro modo per modificare il "colore visitato"?

Grazie,

Atara.

P.S. Ho anche provato il link BODY decrittografato, gli attributi di vlink. non ha funzionato.

Answer 1

Prima di tutto, buona fortuna! L'email HTML è bloccata saldamente ai livelli tecnologici del 1996.

---

Una cosa da tentare se non in realtà necessità un separato "visitato" il colore è quello di aggiungere un! Importante sulla durata.

Ad esempio, il client di posta possono avere qualcosa di simile nella loro foglio di stile:

a:visited * { color: #000 !important; } 

In questo caso, che ignorare il vostro stile in linea.

Quindi, provare a cambiare il vostro brano a:

<a href="http://www.example.com" target="_blank"> 
    <span style="color: #ffffff !important;" >ici</span> 
</a> 

di ignorare di nuovo.

Un rapido test in Chrome mostra che lo a:visited * { ... !important} ha la precedenza sullo stile inline, ma l'aggiunta del !important allo span funziona correttamente.

---

2017 Aggiornamento guida CSS

Il CampaignMonitor sembra ora consiglia di utilizzare un elemento <style> in testa, piuttosto che inlining tutti gli stili. Sulla base di altre risposte questo sembra fornire la migliore compatibilità con la versione più recente di Outlook.

Answer 2

una soluzione rapida e sporca: aggiungi vlink = "yourcolor" nel corpo del codice HTML Email News Letter (funziona con DOCTYPE HTML PUBLIC "- // W3C // DTD HTML 4.01 Transitional // EN! " " http://www.w3.org/TR/html4/loose.dtd ")

Answer 3

Questo thread è piuttosto vecchio ma ha pensato che sarebbe stato utile a qualcuno.Niente altro ha lavorato per me in Outlook 2013, tranne utilizzando la pianura vecchio

<style>a:visited{color:white !important}</style> 

all'interno del corpo

Answer 4

ho provato (con Outlook 2010 e su) tutto ciò che le idee descritte qui nel 2016, nessuno di loro ha lavorato per me . Ma ho avuto successo con questa soluzione: https://jamesnorthard.com/outlook-changing-visited-link-color-in-email/

Egli usa il forte tag all'interno del tag di ancoraggio (codice dal suo post sul blog): <a href="#" style="color:#333399;"><strong style="font-weight:normal;">My Link</strong></a>

Si risolve anche il problema di un colore del collegamento che cambia durante l'inoltro di una e-mail con Gmail.

La speranza che aiuta qualcun altro!

Answer 5

Perché non provare a impostare l'attributo style all'interno del tag <a> e rimuovere del tutto lo <span>?

L'operazione in linea dovrebbe sovrascrivere la proprietà :visited.

Ti piace questa:

<a href="http://www.example.com" target="_blank" style="color: #ffffff !important;" > 
    ici 
</a> 

Nota: E giusto per essere sicuri è possibile aggiungere la proprietà !important in là per eseguire il più in su.

Penso che questa sia la migliore pratica e il modo più pulito per farlo.