html - ngx-numeric-textbox 右对齐

Question

我在 Angular 6 App 中使用 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;
  }
}

Answer 1

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

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

showing in firefox