4 に答える
Outlook のパディングの問題を少し回避するには、背景と同じ色の境界線を使用して、ボタンのパディングを作成します。例えば:
<a style="border:15px solid #FFAE00;background-color:#FFAE00;color:#FFF;font-size:14px; font-family:Arial;text-decoration:none" href="#">
Click Here
</a>
これは、基本的なボタン スタイルでのみ機能します。
編集:
残念ながら、Outlook は IE5 互換の HTML とほぼ同等のものをサポートしています。本当にひどいです。Outlook 2007 での Word 2007 の HTML および CSS レンダリング機能に関する詳細な MSDN 記事を次に示します。これは、Outlook 2010 ではあまり変わっていないと思います。
正直なところ、私が Outlook の HTML を思い通りに表示できる唯一の方法は、CSS をまったく使用せずに、HTML2 標準のタグとプロパティを使用して手動で HTML を生成することです。いくつかの CSS はレンダリングしますが、実際には当たり外れがあります。
メール クライアントでの CSS サポート - 究極のガイドを参照してください。
background
上記のリンクでは、cssプロパティが Outlook でサポートされていないことがわかるため、Outlookbackground-color
でサポートされているものを使用する必要があります。
タグにクラスを割り当てていません<a>
が、特定の電子メール サービスで特定の CSS タグが許可されていないために機能しない場合は、こちらで詳細を確認してください: http://www.campaignmonitor.com/css/