css - 如何更改 Ionic 4 中 ionic 选择元素的文本颜色？

Question

我在 theme/variables.scss 中设置了我的警报样式(黑色背景，白色文本)

ion-alert {
    --background: black !important;
    --color: white !important;

    button {
        color: white !important;
        font-size: 20px !important;
    }
}

<ion-item>
    <ion-label>Quantity</ion-label>
    <ion-select formControlName="quantity" placeholder="Select One">
        <ion-select-option value="1">1</ion-select-option>
        <ion-select-option value="2">2</ion-select-option>
    </ion-select>
</ion-item>

现在的问题是，当我使用 ion-select 添加选择菜单时，单选/选择文本 (ion-select-option) 是黑色的，因此它混合与弹出窗口的背景。我尝试了大约 30 个不同的 CSS 类，但没有一个产生任何影响。

如何更改单选文本的颜色？

Answer 1

想通了。 .sc-ion-alert-md 类将更改单选标签的文本颜色。使用 ionicserve 在 iOS 和 Android 的 Chrome 中进行了测试。

ion-alert.select-alert {
    --background: black!important;

    button {
        color: white !important;
        font-size: 20px !important;
    }

    .sc-ion-alert-md {
        color: white;
    }
}