SCSS-样式选择框，不影响选项

Question

我试图在ag-grid / bootstrap select中使文本右对齐，我发现唯一可行的方法是将方向设置为rtl，但是当我这样做时，文本与下拉箭头重叠，在其中添加了填充select可以修复该框，但也会影响子选项，例如：

我需要以某种方式让选项列表文本不带填充，以匹配其他位置的其他样式，但是到目前为止，我的设置似乎都不起作用，我看到很多人说它们并不意味着样式，但在这种情况下，这并不是我的选择（双关语意）。

选择内容如下：

<div class="mcl-select">
  <select class="form-control w-100 dropdown-cell-renderer-select">
    <option *ngFor="let opt of options>{{ opt.display_value }}</option>
  </select>
</div>

这个课是这样的：

.dropdown-cell-renderer-select {     方向：rtl；     padding-right：rem-calc（18）！important;

option {
  // what to use here? negative margins / positioning didn't seem to work
}

}