Question

当您将鼠标悬停在已禁用的文本框上以指示文本框已被禁用时，我正在尝试显示工具提示。设置title属性适用于IE，但似乎不适用于Mozilla Firefox。有没有人知道Javascript和CSS中的简单解决方案，而不使用JQuery或任何其他Javascript库。

Answer 1

标题属性工具提示不适用于已禁用的表单元素。最好的办法是在禁用时使用div覆盖表单元素，并为div赋予标题。

做这样的事情：

<div style="position:relative;">
    <textarea>My text area</textarea>
    <div id="txtAreaCover" style="position:absolute; width:100%; height:100%; color:transparent; opacity:0; -ms-filter:'progid:DXImageTransform.Microsoft.Alpha(opacity=0)';  filter:alpha(opacity=0); top:0;left:0; z-index:1; display:none" title="I am disabled.">You will need text in here or IE will not fill the specified width and height. But since we are using opacity:0 and color transparent, it is not visible.</div>
</div>

当你禁用表单元素时，将div #txtAreaCover更改为display：block;用JS。

在javascript和CSS中为禁用的输入文本框设置工具提示

1 个答案: