Can we style an abbr tittle ? (abbr title="World Health Organization")

Question

Can we style an abbr tittle ? so that instead of a tooltip we can use abbr

Answer 1

If you mean style the actual text that pops up, no you can't style that with CSS; it's browser-specific. Javascript and 'tooltips' would be the way to have more control over this behavior.

Answer 2

You can style the way the shortened version appears, so in this case 'WHO'. But not the way the pop up box appears, as that is controlled by the browser/OS.

You can get around this limitation by applying some JQuery stuff to any abbr tag programatically - this would display a div, of which the contents would read the same as the title on the tag that called it.

Edit: although maybe finicky of me: in the above example, you should probably be using acronym tag. More info on this question :)

Answer 3

Yes, apparently it's possible, at least this is what this discussion is letting me think.