Clever Geek Handbook

Tooltip not showing for disabled html button in mozilla firefox

Mozilla Firefox does not display tooltips for disabled controls. Is there any other way to display them?

I would prefer a non-javascript solution.

There is an easy way I can find is to change the css styles

button,
input
{
    position: relative;
    width: 200px;
}

button[disabled]:hover:before,
input[disabled]:hover:before
{
    position: absolute;
    top: 10px;
    left: 10px;
    content: attr(title);
    background-color: #ffffe1;
    color: #000;
    line-height: 10pt;
    font-size: 8pt;         
    border: 1px solid #000;
    z-index:10000;
    padding:2px;
}

This works fine for a button element, but doesn't work for an input button control / type.

+1


source to share


1 answer


trying to use javascript hint to add dynamic html hints. Then you don't have to rely on how different browsers render tooltips for disabled html elements.



+2


source






More articles:


All Articles