AndroidのOutlook電子メールアプリのHTML Eメールリンクが青くなっています

HTMLニュースレターには、私が何をしているかに関係なく、デフォルトの青に変わる2つのリンクがあります。誰でも修正を知っている。AndroidのOutlook電子メールアプリのHTML Eメールリンクが青くなっています

<span>,および<strong>タグは、私が読んだすべての修正ですが、動作するものはありません。

a {font-family:'Roboto', sans-serif, Helvetica, Arial !important; font-size:16px; color: #EF8152 !important;; font-weight:300; text-decoration: none;}

<a href="#" style="margin:10px 0px 40px 0px; font-family:'Roboto', sans-serif, Helvetica, Arial !important; font-size:1em; color: #EF8152 !important; color: #EF8152; font-weight:300; line-height:1.0em; font-size:1em; text-align:center;"> 
 
    <span style="color:#EF8152 !important; color: #EF8152;"> 
 
    <font color="#EF8152"> 
 
     <strong style="text-decoration: none; color: #EF8152 !important; color: #EF8152;"> 
 
     View in web browser. 
 
     </strong> 
 
    </font> 
 
    </span> 
 
</a>

出典

2017-02-14 Brian Wright

にこのコードを追加

てみ '：visited'どこかに引き継ぎますか？あなたの 'a 'を' a：link'に変えてみることもできます。 –

@Fred -ii-いいえ、それは奇妙なことです。 –

しかし、あなたはあなたのhtmlでいくつかのインラインスタイリングを持っており、それはadvserse効果とスパンの他のスタイルを持つことができます。それか、あなたの設定を確認してください。おそらくあなたの携帯電話（Outlookのアプリ）の何かがそれをオーバーライドしています。 –

あなたはインラインCSSのすべてのそれらの余分タグや!important参照は必要はありません。

<a href="#" style="margin:10px 0px 40px 0px; font-family:'Roboto', sans-serif; color: #EF8152; font-weight:300; line-height:15px; font-size:15px; text-align:center; font-weight: bold; text-decoration: none;"> 
    View in web browser. 
</a>

しようとするために、2つの他のもの：

が<head>にaのスタイルを取り除く私はあなたがすでにそれを試してみた感覚を得るのにこのような何かは、動作するはずです。
CSSをインライン展開する場合は、オフにしてください。

まだこのがchatter about this being a bug in Outlook appそこをされている動作しない場合は、AndroidとiOSの両方のアプリケーションが挙げられます。

出典

2017-02-14 21:41:28

通常のWebコーディングでは、インラインスタイルは使用しませんが、HTML電子メールの場合は、古い電子メールクライアントと新しい電子メールクライアントのほとんどすべてをインライン化する必要があります。それは直感的ではなく、時代遅れだと思われますが、それはちょうど今のメールがいかにあるかです。のスタイルも通常、モバイルメディアのクエリには必要ですが、ほとんどのデスクトップ電子メールクライアントでは無視されます。 –

これはOutlook Appのbcで、リンクのスタイリングを追加したものです。これはWindows 10の問題でもあり、私はComcastの電子メールを信じています。あなたが持っていないあなたのCSS

a:link, span.MsoHyperlink { 
mso-style-priority:100 !important; 
color:#000000 !important; 
color:#000000; 
text-decoration:none !important; 
}

出典

2017-10-03 15:46:52

AndroidのOutlook電子メールアプリのHTML Eメールリンクが青くなっています

答えて

関連する問題