离子选择的边框样式不起作用

Question

如何在离子选择的边界半径中覆盖警报包装的样式？

.alert-md .alert-wrapper {
    border-radius: 300px;
    max-width: 380px;
    background-color: #fafafa;
    -webkit-box-shadow: 0 16px 20px rgba(0, 0, 0, 0.4);
    box-shadow: 0 16px 20px rgba(0, 0, 0, 0.4);
}
<ion-item no-lines style="border:2px solid #EC3237" class="item">
    <ion-label style="font-size:18px; color: black;">Age group:</ion-label>
    <ion-select [(ngModel)]="age">
      <ion-option value="f" selected="true"></ion-option>
      <ion-option value="m">30</ion-option>
    </ion-select>
</ion-item>

Answer 1

如果要添加与警报包装程序相同的样式，然后将其放置在 .select-md

中，则不能覆盖警报包装程序样式以进行离子选择。

.select-md {
    padding: 13px 8px 13px 16px;
    max-width: 380px;
    background-color: #fafafa;
    box-shadow: 0 16px 20px rgba(0, 0, 0, 0.4);
}