Javascript 使用深度链接设置引导下拉菜单样式

我想样式的ng引导下拉菜单，基本上改变其宽度为自动。但是我不知道如何使用/deep/links来定位它

我想把目标对准ngbDropdownMenu

以下是它的HTML：

 <div ngbDropdown class="d-inline-block">
      <button class="btn btn-custom" id="columnToggle" ngbDropdownToggle ngbTooltip="Filter">
        <fa-icon [icon]="faColumns" title="Select to Show/Hide Columns"></fa-icon>
      </button>
      <div ngbDropdownMenu aria-labelledby="columnToggle">
        <button class="dropdown-item" *ngFor="let column of columnList">
          <label>
            <input type="checkbox" [checked]="column.selected" (change)="changeSelectedColumns.emit(column)" [disabled]="column.disabled"
            /> {{column.header}}
          </label>
        </button>
      </div>
    </div>

{{column.header}}

您可以将类添加到div nbgdropdown菜单中

<div ngbDropdownMenu aria-labelledby="dropdownBasic1" class="custom">
     <button class="dropdown-item">Action - 1</button>
     <button class="dropdown-item">Another Action</button>
     <button class="dropdown-item">Something else is here</button>
</div>

.custom{
    background-color:Red;
    width:auto;
    padding:20px;
  }

行动-1
另一个动作
这里还有别的东西
.习俗{
背景色：红色；
宽度：自动；
填充：20px；
}