2016-06-14 12 views
6

Ho un collegamento ipertestuale che ha un collegamento mailto e sto specificando l'oggetto e il testo del corpo nel collegamento ipertestuale stesso. Pertanto, quando l'utente fa clic sul collegamento ipertestuale, la sua applicazione client di posta elettronica predefinita verrà aperta con il testo To, Oggetto e corpo inserito in esso.Stile corpo del testo in un href mailto link

voglio sapere come posso applicare la tecnica di formattazione CSS nel testo body di esso qualcosa di simile font nomi, ecc font color

Qualcuno può dare qualche idea su questo?

<!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]domain.com?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>

Facendo clic sul collegamento ipertestuale e-mail, il messaggio di seguito verrà mostrato nel contenuto delle email.

Sample

voglio applicare la formattazione CSS per il contenuto evidenziato nel riquadro rosso.

+2

puoi mostrarci il tuo codice? se potessi creare un violino, sarebbe fantastico – Lucian

+0

Puoi usare solo lo stile in linea. Questo significa che il tuo foglio di stile collegato non funzionerà. Per dare un esempio .. '

risposta

1

Non è possibile modificare/modificare CSS di un client di posta tramite <a href="mail to:[email protected]"></a>.

Essi hanno i loro stili CSS e questo sarebbe un problema di sicurezza

0

Ampliando risposta Dippas' ...

Secondo il Mailto specification, è possibile aggiungere qualsiasi intestazioni arbitraria che si desidera il vostro link mailto . Ciò significa che puoi aggiungere &Content-Type=text/html all'URL per indicare che si tratta di un messaggio HTML, nel qual caso dovrebbe analizzare il tuo HTML e CSS come una normale email HTML.

Tuttavia, la specifica indica anche che le uniche intestazioni che dovrebbero essere basate su sono le intestazioni dell'oggetto e del corpo.

Il creatore di un URL mailto non può aspettarsi il resolver di un URL per capire più che il "soggetto" e intestazioni "corpo". I client che risolvono gli URL mailto negli e-mail in messaggi di posta elettronica devono essere in grado di creare correttamente messaggi di posta elettronica conformi a RFC 822 utilizzando le intestazioni "soggetto" e "corpo" .

In altre parole, puoi provarlo, ma non aspettarti che funzioni per tutti. Se questo è per uso pubblico, basta dimenticarlo, attenersi al testo in chiaro.