Angular - Chrome 中禁用按钮的工具提示不显示

Question

我有这个按钮代码，我想显示禁用按钮的顶部提示。这在 Firefox 和 IE 中工作正常，但在 Chrome 中不起作用。在 Chrome 中，只有启用的按钮才会显示工具提示。

<div *ngFor"let btn of buttons">
   <button [tooltip]="'Tooltip'" [disabled]="btn.disable">
</div>

Answer 1

这个解决方案对我有用:

<div *ngFor"let btn of buttons">
   <div [tooltip]="'Tooltip'">
      <button class='btn' [disabled]="btn.disable">
   </div>
</div>

<style>
   .btn:disabled{
      pointer-events: none;
   }
<style>