css 阴影dom部分不与子组合子一起工作

hgc7kmma  于 2023-05-19  发布在  其他
关注(0)|答案(1)|浏览(116)

联系我们

<ion-select
          mode="md"
          formControlName="sortBy"
          interface="popover"
          legacy="true"
          class="my-class"
            >
          <ion-select-option value="1">Newest</ion-select-option>

          <ion-select-option value="5">Price (High to Low)</ion-select-option>
        </ion-select>

.css

.my-class>ion-select::part(icon) {
    display: none !important;
}

你能告诉我为什么上面的不起作用吗?但这个很有效

ion-select::part(icon) {
        display: none !important;
    }

我需要在这里动态添加my-class。所以我需要这个。

cbjzeqam

cbjzeqam1#

您正在使用>选择器,通过该选择器,您可以说ion-select必须是.my-class的直接子节点。事实并非如此,看看HTML结构
请使用ion-select.my-class::part(icon)

相关问题