Target AOL Mail using .aolmail_ CSS Class

You can target AOL Mail by using the CSS selector class .aolmail_ and adding your styles.

The key is that AOL Mail attaches aolmail_ to classes and ids, along with CSS selectors including exact attribute selectors x=y. What AOL Mail doesn’t do is attach aolmail_ to other selector attributes, such as x~=y, x^=y, x$=y. This means that we can target a selector to be only active in AOL Mail by using an selector attribute like ~= and attach the aolmail_ string to the class name.

HTML


  <style type="text/css">
    div[class~="aolmail_htmlemailcheck"]{
      color: #26d0ae;
    }
  </style>

Leave a Reply

Be the First to Comment!

Notify of
avatar

wpDiscuz