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

Question

我需要修改#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 文件中执行此操作，因为我不想修改洞项目中的填充规则。

有任何想法吗？

提前致谢。

标签： cssionic-frameworksassionic4

Answer 1

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

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