2012-06-06 12 views
13

Wiem, że muszę używać wbudowanego stylu CSS do stylizowania czegokolwiek w wiadomościach e-mail w formacie HTML, ale zauważam dziwne zastąpienie, które występuje w Gmailu. Próbuję zmienić kolor tekstu w wierszu tabeli:Kolor czcionki w wiadomości e-mail w formacie HTML - Gmail

<tr style='color: #000; font-size: 14px; font-family: Verdana, serif;'> 

ale kiedy otwieram ten e-mail w Gmailu, czcionka mieszkaniami i czarny kolor jest bycie nadpisałeś przez stylings Gmail. Widzę to poprzez Firebug:

enter image description here

To fioletowy kolor jest używany zamiast czarnego chcę, a rodzina czcionki zalegających do Arial, sans-serif. Czy ktoś wie o sposobie, aby bezpiecznie zastąpić stylizację, którą wymuszają na mnie Gmail?

UPDATE

Zmieniłem kolor nie-czarnym kolorze, tj # 212a2c a kolor zmienił się poprawnie, ale font-family nadal tkwi na Arial.

Odpowiedz

9

Wygląda na to, że stylizujesz TR, ale Gmail jeździ po nim ze stylem do TD. Kiedy TD i TR są w konflikcie, TD wygrywa, ponieważ jest najbardziej bezpośrednim kontenerem ... najbliższym pasującym zgodnie z regułami css3. Myślę, że jeśli użyjesz stylu inline na swoim TD, będziesz w stanie przejechać go.

+0

Tak, właśnie to wymyśliłem. Dodano stylizację na poziomie '' i teraz działa. To będzie nudne .... Dzięki. –

+0

Wciąż dziwne, że wystarczy zmienić kolor z czarnego na coś innego, aby zastąpić fiolet ... –

+0

Nie mogę znaleźć niczego oficjalnego na ten temat, ale z doświadczenia zauważyłem dziwne zachowanie podczas mieszania 3-literowych kodów kolorów z sześcioliterowymi kodami kolorów, nawet jeśli powinny być równoważne. W twoim przypadku numer # 000 nie zadziałał w twoim oryginalnym przykładzie, ale najbardziej chciałbym wiedzieć, czy # 000000 zadziała. – colonelclick

3

Z doświadczenia Stwierdziłem, że najbezpieczniejszą rzeczą do zrobienia z kodami kolorów jest zawsze użycie 6-cyfrowego kodu - miałem podobny problem raz i został on naprawiony po prostu przez zmianę kodu koloru z 3 cyfr na 6 - to robi „t podjąć w dowolnym momencie w ogóle typ 3 dodatkowych liczb po wszystkich :)

1
  1. dont używać stylów na <tr>, zrób to na <td> lub <span> wokół tekstu.
  2. To dosnt ważne czy piszesz # 000, # 000000 lub czarny jako kolor :)
2

GMail zmieni swoje linki z czarnego (# 000000) do domyślnej niebieski, przypuszczalnie jako anty-spam funkcji .

Aby obejść ten problem, wystarczy zmienić kolor czcionki na (# 000001), np.

<a href="#" style="color: #000001;">Click HERE</a> 
+0

tnx stary, to był ratownik życia :) – Nemke

+1

To już nie jest tak. # 000000 będzie działać zgodnie z przeznaczeniem, przetestował go już teraz. –

2

„To dosnt ważne czy piszesz # 000, # 000000 lub czarny jako kolor :)”

Tak to robi, czasami maile renderowanie 3 kolory szesnastkowym w nieco inny sposób. Zasadniczo najlepiej jest trzymać się z 6 dla kompatybilności.

Powiązane problemy