Target Outlook.com using the [owa] Element

You can target Outlook.com by using a CSS element called [owa] (Outlook Web Access), which is part of Outlook.com

How does it work? Outlook.com prefixes all styles with their own. This means by placing the [owa] element before each class or id within your CSS, these will only be displayed in Outlook.com, all other webmail services, and email clients will ignore them.

To give it a go, simply place the following CSS within the of your email.

CSS


  <style type="text/css">
    [owa] .htmlemailcheck {
      color: #26d0ae;
    }
  </style>

Now you can place the following span tag where you want the contents to be shown in Outlook.com, that’s it!

HTML


  <span class="htmlemailcheck">
    This span will only be visible in Outlook.com
  </span>

Leave a Reply

Be the First to Comment!

Notify of
avatar

wpDiscuz