将鼠标悬停在上方时是否可以显示按钮的描述？

Question

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

我该怎么做呢？

我的鼠标悬停在Google按钮上。

这是我的按钮之一的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

您可以使用标题

  <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> 

Answer 2

您是否尝试过title属性？

title="hello world"

这里的例子

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

Answer 3

加

title="my tooltip text"

要么

[title]="aPropertyWithTooltipContent"

另请参见按钮的工具提示