如何解决离子4修改项目本机类的CSS填充规则
我需要修改#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 。
我已经读到,修改影子根元素中css的唯一方法是通过css4进行操作,但是在我的情况下,我想我做错了事,因为它不起作用。
我的目标是仅在scss文件中执行此操作,因为我不想在Hole项目中修改填充规则。
有什么想法吗?
谢谢。
解决方法
经过多种尝试后,解决方案是修改以下规则:
--padding-start:0px;
--ion-safe-area-left: 0px;
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。