html - アンカー下線の電子メール署名を削除する

Question

私は私のクライアント用にカスタムの電子メール署名を開発しています。現在、GMail、Hotmail、Brinkster などのテスト段階にあります。

アンカーが表示している下線を削除するのに苦労しています。「 text-decoration: none;」があります。アンカー自体で、どちらのクライアントでも何も機能していませんが、Outlook は正常にレンダリングされます。

誰でも助けることができますか？:-)

Answer 1

あなたの問題は、特定のクライアントがアンカー スタイルとテキストをスパンに移動し、代わりにスタイル定義をそれに適用することだと思います。

<a href="/" style="color:black;">hello, world!</a>

になる

<a href="/"><span style="color:black;">hello, world!</span></a>

彼らがこれを行う理由は 100% わかりませんが、面倒です。時々、次のように変更するとうまくいきます:

<a href="/" style="color:black;" href="/"><span style="color:black;">hello, world!</span></a>

しかし、それはまだ混合バッグであり、常に変化しています。残念ながら、物事が常に正しく見えることを確認する唯一の方法は、画像を使用することです。

Answer 2

!importantスタイルに追加することもできます：

text-decoration: none !important;

Answer 3

 <a href="example.com" style="text-decoration:none">link text</a>

優先度の高い CSS ルールが別の場所にない限り、下線は表示されません。