开发者

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

开发者 https://www.devze.com 2023-02-26 03:02 出处:网络
Mozilla Firefox will not display tooltips of开发者_开发技巧 disabled controls. Is there another way to display them?

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.


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.

0

精彩评论

暂无评论...
验证码 换一张
取 消