ngx-numeric-textbox выровнять вправо

Question

Я использую ngx-numeric-textbox в приложении Angular 6, и это хорошо работает, но по умолчанию текст выровнен по левому краю, и я хочу выровнять по правому краю.Я пробовал много способов в 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;
  }
}

отображается в Firefox