10

Outlook でリンクに適用された CSS が機能しない

HTML:

<tr>
<a href="http://www.google.com" style="color:#FFF;height:40px;width:475px;display:block;"><td style="background-color:#000;height:40px;width:475px;">Click Me</td></a>
</tr>

すべてではなく、「Click Me」テキストへのリンクのみを表示します

注: すべての tdie へのリンク、つまり width:475 & height:40 を表示する必要があります。

私を助けてください

ありがとう

4

7 に答える 7

13

これを修正するには、Outlook 固有の HTML を使用できます。

<div><!--[if mso]>
<v:rect xmlns:v="urn:schemas-microsoft-com:vml" xmlns:w="urn:schemas-microsoft-com:office:word" href="http://" style="height:40px;v-text-anchor:middle;width:200px;" stroke="f" fillcolor="#556270">
<w:anchorlock/>
<center>
<![endif]-->
 <a href="http://stackoverflow.com" style="background-color:#556270;color:#ffffff;display:inline-block;font-family:sans-serif;font-size:13px;font-weight:bold;line-height:40px;text-align:center;text-decoration:none;width:200px;-webkit-text-size-adjust:none;">Show me the button!</a>
<!--[if mso]>
</center>
</v:rect>
<![endif]--></div>

「防弾」メール ボタンの作成については、 http://buttons.cm/も参照してください :)

于 2013-12-18T09:49:04.077 に答える
4

試す

<tr>
  <td style="background-color:#000;height:40px;width:475px;">
     <a href="http://www.google.com" style="color:#FFF;height:40px;width:475px;display:block;">Click Me</a>
  </td>
</tr>
于 2013-06-18T13:31:11.367 に答える
2

私もこの問題を抱えていたので、これを見つけました。アンカー リンク全体がクリック可能になるように、同じ背景色の境界線スタイルを使用するだけです。

<a href="http://www.google.com" style="background-color:#000;height:40px;width:475px; border:1px solid #000; color:#FFF;height:40px;width:475px;display:block;">Click Me</a>
于 2015-05-28T06:45:28.910 に答える
1

スタイルをすべての td に適用する必要があるということですか?

はいの場合、あなたが行ったことは機能しません。あなたが行ったことは、その特定の要素にのみ適用されるインラインCSSスタイルと呼ばれます。

すべての td に適用する場合は、内部 css スタイルと呼ばれるものが必要です。

<html>
<head>
<style>
td{
//your code here
}
</style>
</head>
<body>
//your code here
</body>
</html>

ところで、あなたのコードの入れ子は適切ではありません。

開始タグ「a」、開始タグ「td」、終了タグ「a」、終了タグ「td」があります...

次のいずれかにする必要があります。

<td><a></a></td> また <a><td></td></a>

試す：

<tr>
  <td style="background-color:#000;height:40px;width:475px;">
     <a href="http://www.google.com" style="color:#FFF;height:40px;width:475px;display:block;">Click Me</a>
  </td>
</tr>
于 2013-06-18T13:31:07.523 に答える