2016-06-14 16 views
6

私はmailtoのリンクを持つハイパーリンクを持っており、ハイパーリンク自体に件名と本文を指定しています。したがって、ユーザがハイパーリンクをクリックすると、デフォルトの電子メールクライアントアプリケーションが開かれ、To、Subjectおよび本文テキストがあらかじめ入力されます。私はそれのbodyテキストでfont名前のようなものを技術のフォーマットにCSSを適用する方法を知りたいhrefの本文テキストのスタイル設定mailtoリンク

font colorなど

誰も私にこの上の任意のアイデアを与えることはできますか?電子メールのハイパーリンクをクリックすることで

<!DOCTYPE html> 
 
<html> 
 
    <head> 
 
     <meta charset="UTF-8"> 
 
     <title>Unauthorized access</title> 
 
     <meta content='width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no' name='viewport'> 
 
     <!-- bootstrap 3.0.2 --> 
 
     <link rel="stylesheet" type="text/css" href="../css/bootstrap.min.css"> 
 
     <!-- font Awesome --> 
 
     <link href="../css/font-awesome.min.css" rel="stylesheet" type="text/css" /> 
 
     <!-- Theme style --> 
 
    </head> 
 
    <body class="skin-blue"> 
 
     <!-- header logo: style can be found in header.less --> 
 
     <div> 
 
      <!-- Right side column. Contains the navbar and content of the page --> 
 
      <aside class="right-side" style="margin-left:0"> 
 
       <section class="content"> 
 
        <div class="error-page" style="margin: 0"> 
 
         <div class="error-content" style="width:100%"> 
 
          <h3><i class="fa fa-warning text-yellow"></i> You are not authorized to view the content.</h3>  <br> 
 
          <p style="width:75%; text-align:center;margin-left:15%"> 
 
           Please make sure you have the access to the server or contact support team at <a href="mailto:[email protected]?subject=Unable&nbsp;to&nbsp;access&nbsp;server&body=Hi,%0D%0A%0D%0AMy&nbsp;user&nbsp;account&nbsp;does&nbsp;not&nbsp;have&nbsp;access&nbsp;for&nbsp;the&nbsp;server.%0D%0A%0D%0ARequest&nbsp;you&nbsp;to&nbsp;kindly&nbsp;provide&nbsp;access&nbsp;to&nbsp;server.">[email protected]</a>. 
 
          </p> 
 
         </div><!-- /.error-content --> 
 
        </div><!-- /.error-page --> 
 
       </section><!-- /.content --> 
 
      </aside><!-- /.right-side --> 
 
     </div><!-- ./wrapper --> 
 
    </body> 
 
</html>

、以下のメッセージが電子メールの内容に表示されます。

Sample

私は赤いボックスで強調表示内容に書式CSSを適用したいです。

+2

あなたのコードを教えていただけますか?あなたがフィドルを作成することができれば、それは素晴らしいでしょう – Lucian

+0

インライン・スタイリングしか使用できません。つまり、リンクされたスタイルシートは機能しません。 '

答えて

1

メールクライアントのCSSは、<a href="mail to:[email protected]"></a>で変更/変更することはできません。

彼らが自分のCSSスタイルを持っており、これはDippas'答えに拡大し、セキュリティ上の問題

0

だろう...

Mailto specificationによると、あなたはあなたのmailtoのリンクにしたい任意のどんなヘッダを追加することができます。つまり、URLに&Content-Type=text/htmlを追加してHTMLメッセージであることを示すことができます。この場合、HTMLとCSSを通常のHTMLメールと同様に解析する必要があります。

しかし、この仕様では、に依存するヘッダーのみがであり、件名と本文のヘッダーであることも記載されています。

のmailto URLの作成者は へのURLのリゾルバは、「件名」と「本文」のヘッダー以上のものを理解して期待することはできません。 mailto URLsをメールメッセージに解決するクライアントは、 "subject"と "body"の ヘッダーを使用してRFC 822準拠のメールメッセージを正しく作成できる必要があります。

言い換えれば、試してみることはできますが、すべての人で動作するとは限りません。これが公開用の場合は、それを忘れて、平文に固執してください。

関連する問題