将图标移动到输入html的结尾

时间:2018-06-05 14:07:56

标签: html angular

问号是一个角度组件工具提示,需要在输入的末尾我不知道如何附加问题的屏幕截图。 enter image description here

    <div id="{{config.name}}" class="dynamic-field form-explorer" [formGroup]="group" [ngClass]="fieldShow" [class.has-tooltip]="config.tooltip" *ngIf="!config.isHidden">
    <button mat-raised-button (click)="toggleTree()" type="button">{{"Browse" | translate}}</button>

    <tooltip *ngIf="config.tooltip" [message]="config.tooltip"></tooltip>
    <mat-input-container class="full-width">
        <input matInput [type]="'text'" [placeholder]="config.placeholder | translate" [formControlName]="config.name" [required]="config.required">
    </mat-input-container>
    <mat-error *ngIf="config.hasErrors">{{config.errors}}</mat-error>
</div>

1 个答案:

答案 0 :(得分:0)

是的确是这是一个CSS问题,我最终使用了“float:right;”

 <tooltip style="float: right;" *ngIf="config.tooltip" [message]="config.tooltip"></tooltip>