Can CSS smooth out the text shown for the title attribute?

Question

Suppose we have:

<a id="link" href="#"  title="i am the title">link</a>

Is there a way to use CSS for the uppercase "I am the title" that will be displayed when the mouse hovers by default?

Answer 1

Not that I knew.

You can select an element by its attributes, but not select the attribute itself.

A bit of JavaScript can do this, however ...

var elem = document.getElementById('link');

elem.title = elem.title.toUpperCase();

jsFiddle .

Answer 2

No names, such as tooltips, are browser dependent; CSS cannot change them.

, , , , CSS: Title ?

Answer 3

I have a solution if you are using jQuery.

Here's a live demo - http://jsfiddle.net/WzYkQ/