在我的Angular 6应用程序中,我目前正在使用Tooltip feature from ngx-bootstrap来显示工具提示。
我需要显示一些禁用按钮的工具提示,但是它不起作用(它只适用于非禁用按钮)。
有没有办法改变这一行为,并始终显示工具提示(无论项目是否被禁用)?
发布于 2018-07-17 20:03:45
尝试使用禁用类的示例,我已经成功了。
<div class="card">
<div class="card-header">
<h3>Test</h3>
</div>
<div class="card-body">
<button type="button" class="btn btn-default btn-secondary mb-2 disabled "
tooltip="Vivamus sagittis lacus vel augue laoreet rutrum faucibus."
placement="top">
Tooltip
</button>
</div>
</div>
发布于 2020-08-01 09:26:41
请阅读这篇文章:https://jakearchibald.com/2017/events-and-disabled-form-fields/
可能Chrome和许多其他浏览器会停止在禁用的表单域上发出所有鼠标事件,包括按钮。
我陷入了类似的情况,这个变通方法对我来说非常有效。
triggers="pointerenter:pointerout"
根据按钮内部使用的内容,它可能需要在CSS中为它们添加指针事件:none。
已确认可在以下浏览器上运行:
Chrome 73+
FF 66+
IE 11+
Edge 42+
我希望它能帮助你!
发布于 2020-05-14 15:18:58
最好的解决方案是按跨距打包,如下例所示:
<span tooltip="ivamus sagittis lacus vel augue laoreet rutrum faucibus." placement="top">
<button type="button" class="btn btn-default btn-secondary mb-2 disabled">
Tooltip
</button>
</span>
https://stackoverflow.com/questions/51362058
复制相似问题