Ionic 阴影部件内的离子选择元件

y1aodyip  于 2023-10-14  发布在  Ionic
关注(0)|答案(1)|浏览(173)

我需要将padding-inline-end设置为元素的0 px:

<div class="item-inner">

这是在一个元素的阴影部分。我不能找到一种方法来做它与CSS。

shadow-root

<div class="item-native" part="native">
   <slot name="start"></slot>
   <div class="item-inner">
      <div class="input-wrapper"><slot></slot></div>
      <slot name="end"></slot>
      <div class="item-inner-highlight"></div>
   </div>
   <div class="item-highlight"></div>
</div>
<div class="item-bottom"><slot name="error"></slot><slot name="helper"></slot></div>

我可以用这个访问阴影部分:

ion-item::part(native) {
    //
}

但是我找不到一种方法来访问上面那个里面的元素.item-inner。
这不起作用:

ion-item::part(native) .item-inner{
    padding-inline-end: 0px;  
}
s1ag04yj

s1ag04yj1#

Ionic提供css属性来定位ion-item组件的shadow dom。https://ionicframework.com/docs/api/item#css-custom-properties-1
你要找的 prop 是--inner-padding-end

相关问题