Styling Körper Text in einem href mailto Link

Ich habe einen Hyperlink, der eine mailto Link hat und ich bin der Betreff und Text im Hyperlink selbst angeben. Wenn der Benutzer also auf den Hyperlink klickt, wird seine Standard-E-Mail-Client-Anwendung geöffnet, in der der Text An, Betreff und Text bereits ausgefüllt ist.Styling Körper Text in einem href mailto Link

Ich möchte wissen, wie ich CSS-Formatierung Technik im body Text der es so etwas wie font Namen anwenden können, font color usw.

Kann mir jemand auf diese eine Idee geben?

<!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>

auf den E-Mail-Hyperlink klicken, wird die folgende Meldung in dem E-Mail-Inhalt angezeigt.

Ich möchte CSS-Formatierung angewendet werden, um den Inhalt in der roten Box hervorgehoben.

Quelle

2016-06-14 Karthik Venkatraman

können Sie uns Ihren Code zeigen? Wenn Sie Geige erstellen könnten, wäre es toll – Lucian

Sie können nur Inline-Styling verwenden. Dies bedeutet, dass das verknüpfte Stylesheet nicht funktioniert. Um Ihnen ein Beispiel zu geben .. '' wird zu < '. Trotzdem wird es wahrscheinlich nicht funktionieren, da jeder Kunde sein eigenes Styling hat, das Sie mit Ihrem Inline-Styling überschreiben müssen ... –

Sie können das CSS eines Mail-Clients nicht über eine <a href="mail to:[email protected]"></a> ändern/ändern.

Sie haben ihre eigenen CSS-Stile und dies würde

Quelle

2016-06-14 11:19:37 dippas

Erweiterung auf Dippas' Antwort ...

Nach dem Mailto specification ein Sicherheitsproblem sein, können Sie, was beliebige Header Sie wollen Ihre mailto Link hinzufügen . Das bedeutet, dass Sie der URL &Content-Type=text/html hinzufügen können, um anzuzeigen, dass es sich um eine HTML-Nachricht handelt. In diesem Fall sollte Ihr HTML und CSS wie eine normale HTML-E-Mail analysiert werden.

Die Spezifikation besagt jedoch auch, dass die einzigen Header, die sein sollten, auf basieren, sind die Betreff- und Textüberschriften.

Der Schöpfer einer mailto-URL kann der Resolver eine URL zu nicht erwarten, dass mehr als das „Subjekt“ und „Körper“ Header verstehen. Clients, die Mailto-URLs in E-Mail-Nachrichten auflösen, sollten korrekt RFC 822-konforme E-Mail-Nachrichten mithilfe der Header "subject" und "body" erstellen können.

Mit anderen Worten, Sie können es versuchen, aber erwarten Sie nicht, dass es für alle funktioniert. Wenn dies öffentlich ist, vergessen Sie es einfach, bleiben Sie bei Klartext.

Quelle

2016-06-14 13:52:02

Styling Körper Text in einem href mailto Link

Antwort

Verwandte Themen