Show Link Icons Depending On Protocol

Place an icon next to each link depending on the protocol used in the href attribute of the anchor tag. This way you can mark external links that are secure (through https) for all browsers supporting CSS 2.1 or later.

  1. a[href^=”https:”]
  2. {
  3. display: inline-block;
  4. padding-right14px;
  5. background: transparent url(Images/SecureLink.gifcenter right no-repeat;
  6. }

Leave a Reply

Your email address will not be published. Required fields are marked *

Back To Top