是否可以在悬停时显示按钮的描述？

Question

在我的Angular程序中，我想显示一个文本字符串，说明当您将鼠标悬停在按钮上时该按钮的作用。

我该怎么做？

我的鼠标悬停在谷歌按钮上。

如果有帮助的话，这是我的一个按钮的html代码：

          <button [disabled]="!isDisabled" name="enable" class="btn btn-default btn-margin" (click)="toggleDisabled()"><i class="fa fa-pencil" aria-hidden="true"></i></button>

Answer 1

您可以使用标题

＆＃13;

＆＃13;

          <button [disabled]="!isDisabled" name="enable" class="btn btn-default btn-margin" (click)="toggleDisabled()" title="Something"><i class="fa fa-pencil" aria-hidden="true"></i></button>

＆＃13;

＆＃13;

＆＃13;

Answer 2

你尝试过title属性吗？

title="hello world"

这里的例子

http://w3schools.com/tags/tryit.asp?filename=tryhtml5_global_title

Answer 3

添加

title="my tooltip text"

或

[title]="aPropertyWithTooltipContent"

另见tooltips for Button