 <p>With CSS3 you can now target the [title] attribute but as to a real world solution i don't see any. I would rather suggest you used a plugin such as <a href="http://onehackoranother.com/projects/jquery/tipsy/" rel="nofollow">tipsy</a> for that task, as it is more cross browser supported and less fuss.</p> <p>This is a demo of a styled [title] attribute:</p> <p><strong>CSS</strong></p> <pre><code>span:hover { color: red; position: relative; } span[title]:hover:after { content: attr(title); padding: 4px 8px; color: #333; position: absolute; left: 0; top: 100%; white-space: nowrap; z-index: 20px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; -moz-box-shadow: 0px 0px 4px #222; -webkit-box-shadow: 0px 0px 4px #222; box-shadow: 0px 0px 4px #222; background-image: -moz-linear-gradient(top, #eeeeee, #cccccc); background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #eeeeee),color-stop(1, #cccccc)); background-image: -webkit-linear-gradient(top, #eeeeee, #cccccc); background-image: -moz-linear-gradient(top, #eeeeee, #cccccc); background-image: -ms-linear-gradient(top, #eeeeee, #cccccc); background-image: -o-linear-gradient(top, #eeeeee, #cccccc); } </code></pre> <p>Demo: <a href="http://jsfiddle.net/BvGHS/" rel="nofollow">http://jsfiddle.net/BvGHS/</a></p>