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