Styling abbr in IE

By Marek Prokop on Mar 18, 2005


Internet Explorer for Windows does not support the <abbr> element that should be used for proper markup of abbreviations. The solution is based on one simple fact: even though IE ignores the element itself, other elements nested in the <abbr> work fine. This script wraps the content of the <abbr> with <span>, set its title and class attribute and the <abbr> tag behaves like it should.


Source Code

Paste this source code into the designated areas.

External file

Paste this code into an external JavaScript file named: stylingAbbrinIE.js


Paste this code into your external CSS file or in the <style> section within the HEAD section of your HTML document.


Paste this code into the HEAD section of your HTML document.