インラインCSSでa：visitedを記述する方法

Question

HTMLメールニュースレターを作成する必要があります。すべてのスタイルはインラインである必要があります。（によると– http://www.campaignmonitor.com/css/ すべての電子メールクライアントがHEADタグ内のSTYLEタグを認識しているわけではありません。スタイル。）

私の問題：デザイナーは暗い背景色+白いリンクを望んでいるので、私は-

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

しかし、デフォルトの「訪れた色」は暗いです。

「訪れた色」を変える別の方法はありますか？

おかげで、

アタラ。

追伸復号化されたBODYリンク、vlink属性も試しました。動作しませんでした。

kibibu · Accepted Answer

まずは頑張ってください！ HTML形式の電子メールは、1996年の技術レベルでしっかりと詰まっています。

実際にneedしない場合に試みる1つのことは、「visited」カラーを個別にスパンに！importantを追加することです。

たとえば、メールクライアントmayのスタイルシートには次のようなものがあります。

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との互換性が最も良いようです。

Barry Michael Doyle · Answer

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

インラインで行うと、:visitedプロパティが上書きされます。

このような：

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

注：そして、念のため、!importantプロパティを追加してさらにバックアップすることができます。

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

Samuel · Answer

これはかなり古いスレッドですが、誰かに役立つと思いました。 Outlook 2013では、通常の機能を使用する以外は何も機能しませんでした

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

体内で

Chocoliver · Answer

彼はアンカータグ内で強力なタグを使用しています（ブログ投稿のコード）：<a href="#" style="color:#333399;"><strong style="font-weight:normal;">My Link</strong></a>

Gmailでメールを転送するときにリンクの色が変わる問題も修正されます。

それが他の人を助けることを願っています！

user2867350 · Answer