我正在做的項目同時使用了Aura和LWC框架。兩個框架的下拉列表有很大不同。也就是說，當鼠標懸停在某個選項上時，奧拉會將該選項高亮顯示為灰色，而LWC會將其高亮顯示為淺藍色。

有沒有直接的方式來匹配樣式或者我必須使用CSS方式來匹配它們(我只能改變光環側的造型)？

<lightning:select aura:id="case_severity_1" label="Severity" name="Severity" onchange="{!c.handleSeverityChange}" required="true" >
              <option value="1: Critical Impact - Production Service">
                1: Critical Impact - Production Service
              </option>
              <option value="2: Major Impact - Critical Component">
                2: Major Impact - Critical Component
              </option>
              <option value="3: Minor Impact - Causing Inconvenience" selected="true">
                3: Minor Impact - Causing Inconvenience
              </option>
              <option value="4: No Impact - Information Request">
                4: No Impact - Information Request
              </option>
</lightning:select>

我試著改變CSS，但是“懸停”

.THIS option {
font-family: "Arial", sans-serif;
font-weight: bold;

/* Add any other desired styling */

}

.THIS option:hover {
font-weight: lighter;
background-color: yellow;

}