仅将样式应用于 <select> 标记，不包括 HTML 中的 <option>

Question

我只想将样式应用于父 <select> 标签，不包括其 <option> 子标签。

请看下面的代码： I want that whenever the first option is selected, my style 'highlight' should to applied to <select>.其他<option> 标签应该不受影响。

我想内联而不是使用组件级 css。 这是由于一些设计/编码准则的限制，因为所有样式都是从预定义的主样式表中获取的，并且很少添加新样式。

  <select [ngClass]="{ 'highlight': selectedUser === undefined }" [(ngModel)]="selectedUser">
    <option [ngValue]="undefined">
      Select User
    </option>
    <option *ngFor="let user of users" [value]="user">
      {{ user.name }}
    </option>
  </select>

Answer 1

如果您使用的是预定义的全局样式表，则必须覆盖从该规则继承的选项标签的样式。