将mdTooltip置于上方和左侧

Question

有人可以帮我解决mdTooltipPosition吗？

是否可以将mdTooltip置于上方并离开？

想把它放在占位符正上方....

这是来源。

      <div>
    <md-input-container class="full-width">
      <input mdInput required placeholder="商品コード" [(ngModel)]="itemCd" mdTooltip="Tooltip!" mdTooltipPosition="above" />
    </md-input-container>
  </div>

非常感谢.....

Answer 1

在样式文件中覆盖.mat-tooltip css类的属性，并相应地调整顶部和左侧位置。

CSS：

::ng-deep .mat-tooltip {
    position: relative;
    left: -30px;
    top:8px;
}

Html会一样 -

  <div>
    <md-input-container class="full-width">
      <input mdInput required placeholder="商品コード" [(ngModel)]="itemCd" mdTooltip="Tooltip!" mdTooltipPosition="above" />
    </md-input-container>
  </div>

对于演示：https://plnkr.co/edit/ZTRkej6nlxHayEboIVsi?p=preview