2012-02-06 13 views
14

関連トピック:How to write a:hover in inline CSS?書く方法:インラインCSSで訪問しましたか?

HTML電子メールニュースレターを作成する必要があります。すべてのスタイルはインラインである必要があります。 (によると - http://www.campaignmonitor.com/css/ ないすべての電子メールクライアントは、HEADタグ内にSTYLEタグを認識するが、それらはすべてインラインスタイルを好む。。)

私の問題: デザイナーはそう、暗い背景色+白のリンクを望んでいます私は -

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

を使用しますが、デフォルトの "visited color"は暗いです。

「訪問済みの色」を変更する別の方法はありますか?

ありがとう、

アタラ

P.S.私はまた、解読されたBODYリンク、vlink属性を試しました。動作しませんでした。

答えて

18

まずは、幸運! HTML電子メールは1996年の技術レベルでしっかりと立ち往生しています。あなたがいない実際に行う場合必要を別々の色がスパン上重要!追加することで、「訪問」


ことの一つは、試みます。あなたのインラインスタイルをオーバーライドします

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

その場合:たとえば

は、お使いのメールクライアントは自分のスタイルシートでこのような何かをがあります。再び戻ってそれを上書きする

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

だから、あなたにスパンを変更してみてください。

Chromeのクイックテストでは、a:visited * { ... !important}がインラインスタイルをオーバーライドしていますが、!importantをスパンに戻すと正常に機能します。


2017更新

CampaignMonitorのCSSガイド今ではなく、すべてのスタイルをインライン化するよりも、頭の中で<style>要素を使用することを推奨しているようです。他の回答に基づいて、これはOutlookの最新バージョンとの最良の互換性を提供するようです。

+0

このコメントをいただきありがとうございます。 – Atara

0

迅速かつ汚いソリューション:VLINKを追加= "yourcolor" あなたのHTML電子メールニュースレターの(DOCTYPE HTML PUBLIC「で動作します - // W3C // DTD HTML 4.01 // EN暫定!の" " http://www.w3.org/TR/html4/loose.dtd ")

2

これはかなり古いスレッドですが、誰かにとっては便利だと思っていました。他には何も私は2016年にここで説明するアイデアが(Outlook 2010の最大で)、それらのどれも私のために働いていないものをすべて試した身体

1

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

昔ながらを使用したことを除いて見通し2013年に私のために働いていません。 https://jamesnorthard.com/outlook-changing-visited-link-color-in-email/

彼は(彼のブログ記事からコード)強いアンカータグ内のタグを使用しています:メールを転送するときそれも変化するリンクの色の問題を修正 <a href="#" style="color:#333399;"><strong style="font-weight:normal;">My Link</strong></a>

しかし、私は、このソリューションを使用して成功を収めましたGmailで

誰にも役立つことを願っています!

1

<a>タグ内のstyle属性を設定して、<span>を完全に削除してみませんか?

このインラインを実行すると、:visitedプロパティを上書きする必要があります。

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

注:そして、ちょうどあなたが、さらにそれをバックアップするためにそこに!importantプロパティを追加することができ、安全であると、このよう

私はこれがベストプラクティスであり、これを行う最もクリーンな方法だと思います。

関連する問題