Highlight Links that Open in a New Window

/ Published in: CSS
Save to your folder(s)

This piece of CSS code will highlight links that open in a new window so that user knows before hand that link will pop open in a new tab or window.

Copy this code and paste it in your HTML
  1. a[target="_blank"]:before,
  2. a[target="new"]:before {
  3. margin:0 5px 0 0;
  4. padding:1px;
  5. outline:1px solid #333;
  6. color:#333;
  7. background:#ff9;
  8. font:12px "Zapf Dingbats";
  9. content: "\279C";
  10. }

Report this snippet


RSS Icon Subscribe to comments

You need to login to post a comment.