Ionic 4 修改 item-native 类的 css 填充规则答案

【问题标题】：Ionic 4 modify css padding rule of item-native classIonic 4 修改 item-native 类的 css 填充规则
【发布时间】：2020-12-11 21:45:20
【问题描述】：

我需要修改 #shadow-root 内的 item-native 类元素的填充，但我无法这样做。

我尝试了多种规则，但没有一个有效：

--padding-inline-start: 0px !important;
padding-inline-start: 0px !important;
padding-left:0px !important;

在这些选择器中：

.item-native {...}

ion-item .item-native {...}

ion-item {
  .item-native {...}
}

我检查了设置填充的规则是 padding-inline-start。

我已经读过，在 shadow-root 元素中修改 css 的唯一方法是通过 css4 进行，但就我而言，我想我做错了什么，因为它不起作用。

我的目标是只在 scss 文件中进行，因为我不想修改洞项目中的填充规则。

有什么想法吗？

提前致谢。

【问题讨论】：

【解决方案1】：

在尝试了多种方式后，解决方案是修改下一个规则：

--padding-start:0px;
--ion-safe-area-left: 0px;

【讨论】：

【解决方案2】：

您可以删除填充，只需将“ion-no-padding”类添加到 HTML 中的 ion-item 元素：

<ion-item class="ion-no-padding">

【讨论】：