ngx-numeric-textbox 右对齐答案

【问题标题】：ngx-numeric-textbox align rightngx-numeric-textbox 右对齐
【发布时间】：2018-11-15 00:30:41
【问题描述】：

我在 Angular 6 应用程序中使用 ngx-numeric-textbox，效果很好，但默认情况下，文本左对齐，我想右对齐。我在 CSS 中尝试了很多方法，但都没有。我怎样才能覆盖它以使其向右移动？我正在使用 HTML 和 SASS...

这是我的 HTML：

 <ngx-numeric-textbox 
    name="inputPrecio" [min]="0" [max]="99999999" 
    [disabled]="false" [decimals]="0" [format]="'$ 0,0'"
[placeholder]="'Ingrese un precio'" 
    [rangeValidation]="true" 
    [(ngModel)]="item.precio" 
    (ngModelChange)="calcularSubtotal()"
    required>
    </ngx-numeric-textbox>

这是我的 SASS：

ngx-numeric-textbox {
  &input {
    text-align: right !important;
  }
}

【问题讨论】：

您是否尝试将::ng-deep 添加到您的选择器规则中？即&::ng-deep input {...} 我认为您遇到了样式封装的问题。
非常感谢丹尼尔，最后我用你的建议解决了这个问题，效果很好。

标签： html css angular sass

【解决方案1】：

最后我解决了这个问题，将 ::ng-deep 添加到选择器规则中。这是样式封装的问题：

ngx-numeric-textbox {
  &::ng-deep input {
    text-align: right !important;
  }
}

showing in firefox

【讨论】：