title: Styling body text in a href mailto link
body: <p>I have an hyperlink which has a <code>mailto</code> link and I am specifying the subject and body text in the hyperlink itself. So when the user clicks on the hyperlink, his default email client application will be opened with the To, Subject and body text pre-populated in it.</p>
  
  <p>I want to know how I can apply css formatting technique in the <code>body</code> text of it something like <code>font</code> names, <code>font color</code> etc. </p>
  
  <p>Can anyone give me any idea on this?</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;!DOCTYPE html&gt;
  &lt;html&gt;
      &lt;head&gt;
          &lt;meta charset="UTF-8"&gt;
          &lt;title&gt;Unauthorized access&lt;/title&gt;
          &lt;meta content='width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no' name='viewport'&gt;
          &lt;!-- bootstrap 3.0.2 --&gt;
          &lt;link rel="stylesheet" type="text/css" href="../css/bootstrap.min.css"&gt;
          &lt;!-- font Awesome --&gt;
          &lt;link href="../css/font-awesome.min.css" rel="stylesheet" type="text/css" /&gt;
          &lt;!-- Theme style --&gt;
      &lt;/head&gt;
      &lt;body class="skin-blue"&gt;
          &lt;!-- header logo: style can be found in header.less --&gt;
          &lt;div&gt;
              &lt;!-- Right side column. Contains the navbar and content of the page --&gt;
              &lt;aside class="right-side" style="margin-left:0"&gt;
                  &lt;section class="content"&gt;
                      &lt;div class="error-page" style="margin: 0"&gt;
                          &lt;div class="error-content" style="width:100%"&gt;
                              &lt;h3&gt;&lt;i class="fa fa-warning text-yellow"&gt;&lt;/i&gt; You are not authorized to view the content.&lt;/h3&gt;       &lt;br&gt;
                              &lt;p style="width:75%; text-align:center;margin-left:15%"&gt;
                                  Please make sure you have the access to the server or contact support team at &lt;a href="mailto:username@domain.com?subject=Unable&amp;nbsp;to&amp;nbsp;access&amp;nbsp;server&amp;body=Hi,%0D%0A%0D%0AMy&amp;nbsp;user&amp;nbsp;account&amp;nbsp;does&amp;nbsp;not&amp;nbsp;have&amp;nbsp;access&amp;nbsp;for&amp;nbsp;the&amp;nbsp;server.%0D%0A%0D%0ARequest&amp;nbsp;you&amp;nbsp;to&amp;nbsp;kindly&amp;nbsp;provide&amp;nbsp;access&amp;nbsp;to&amp;nbsp;server."&gt;username@domain.com&lt;/a&gt;.
                              &lt;/p&gt;
                          &lt;/div&gt;&lt;!-- /.error-content --&gt;
                      &lt;/div&gt;&lt;!-- /.error-page --&gt;
                  &lt;/section&gt;&lt;!-- /.content --&gt;
              &lt;/aside&gt;&lt;!-- /.right-side --&gt;
          &lt;/div&gt;&lt;!-- ./wrapper --&gt;
      &lt;/body&gt;
  &lt;/html&gt;</code></pre>
  </div>
  </div>
  </p>
  
  <p>On clicking the email hyperlink, the below message will be shown in the email content.</p>
  
  <p><a href="https://i.stack.imgur.com/Z0iPZ.png" rel="noreferrer"><img src="https://i.stack.imgur.com/Z0iPZ.png" alt="Sample"></a></p>
  
  <p>I want to apply css formatting to the content highlighted in the red box.</p>