2017-11-13 15 views
0

誰でも助けてもらえますかmdTooltipPosition上と左のmdTooltipを置く

上記のmdTooltipも置くことはできますか?

enter image description here

右プレースホルダの上にそれを配置したい....ここ

はソースです。

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

は、あなたのスタイルファイルに.....そんなに.MAT-ツールチップのCSSクラスの

+0

CSSフレームワークは、あなたが使用していますか? –

+0

ブートストラップを使用しています。 – TikChiku

+0

は、そのフレームワークのリンクを私たちに教えてくれます。 –

答えて

0

上書きのプロパティをいただきありがとうございますし、それに応じて上部と左の位置を調整します。

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

関連する問題