仅将样式应用于标记，但不包括 在HTML中>

Question

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

请参见下面的代码：我希望无论何时选择第一个选项，我的样式'highlight'都应应用于<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

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