css - How to ensure all links in an email template of some color and cross-client compatible? -
i trying create email template below
i have style in
<style type="text/css"> .rich-text a{color:#ffffff !important;} .ii a[href] { color:#ffffff!important;} </style>
and inside template have in below
<p class="rich-text" style="color:#ffffff !important;"> <font color="#ffffff" style="color:#ffffff !important;"> <xsl:value-of select="body/contents" disable-output-escaping="yes"/> </font> </p>
now problem can contains blob of text including links. links come out blue color on email clients such gmail. seems gmail stripping out .rich-text style added @ top. how ensure gets applied? want links in template color white.
different e-mail clients applies different styles. it's best use inline css. can check if style supported in this list of common email clients. remember, client may use safe (or old/simple) client not support css/html , shows text/plain