用于md选择箭头溢出的清除按钮

Question

我在md-select里面有一个md-grid-list，它是md-card内容的一部分，如下所示：

<md-grid-tile>
     <md-select id="typ" [(ngModel)]="doc.docType" placeholder="Typ Dokumentu">
         <md-option *ngFor="let state of states" [value]="state">{{ state}}</md-option>
     </md-select>

     <button class="clear" [hidden]="!doc.docType" (click)="clear('docType')">X</button>

</md-grid-tile>

正如您所读到的，'X'按钮在选择了值时呈现，并在点击事件中清除它。只需将md-select模型属性设置为undefined

现在，我想将'X'按钮放在mat-select-arrow上以隐藏/覆盖它。

你能帮助我css样式'清除'按钮向左移动并隐藏那个箭头吗？设置margin-right时，它只移动整个md-select但不覆盖箭头。

我相信这对许多人都有帮助。

谢谢！