CODEWITHSUNDEEP
htmlfirefoxbuttontooltipdisabled-control
Preetham.C.N
Preetham.C.N

Reputation: 21

Tooltip is not displayed for a disabled html button in mozilla firefox

Mozilla Firefox will not display tooltips of disabled controls. Is there another way to display them?

I would prefer a solution without using javascript.

There is an easy method I could find is to change in css styles is

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 in case of button element, but does not work for the input type button control/element.

Upvotes: 1

Views: 1775

Answers (1)

FoneyOp
FoneyOp

Reputation: 336

trying using a javascript tool tip to add dynamic html tool tips. Then you wont' need to rely on how different browsers render tool tips for disabled html elements.

Upvotes: 2

Related Questions