我需要将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;
}
1条答案
按热度按时间s1ag04yj1#
Ionic提供css属性来定位ion-item组件的shadow dom。https://ionicframework.com/docs/api/item#css-custom-properties-1
你要找的 prop 是
--inner-padding-end
。