Salesforce 如何覆盖Lightning Web组件内部元素的CSS
我有一个dataTable组件,如下所示:Salesforce 如何覆盖Lightning Web组件内部元素的CSS,salesforce,salesforce-lightning,Salesforce,Salesforce Lightning,我有一个dataTable组件,如下所示: <template> <lightning-datatable class="pw-table" key-field="id" columns={columns} data={data} hide-checkbox-column ></lightning-datatable> </template> 但是没用,那我怎
<template>
<lightning-datatable
class="pw-table"
key-field="id"
columns={columns}
data={data}
hide-checkbox-column
></lightning-datatable>
</template>
但是没用,那我怎么能做到呢?
我使用loadStyle但是失败了,我不知道为什么
import { loadStyle } from 'lightning/platformResourceLoader';
import accountCustom from '@salesforce/resourceUrl/accountCustom';
应将Lightning基础组件视为黑盒。LWC的内部元素由阴影DOM和Lightning Locker保护。您不能使用CSS为它们设置样式,也不能通过JavaScript与它们交互 您可以设置顶级元素的样式(这实际上就是您在这里所做的),但不能设置组件内元素的样式。请参见《Lightning Web组件开发指南》中的 父组件可以设置子组件的样式,但可以将其设置为单个元素的样式
import { loadStyle } from 'lightning/platformResourceLoader';
import accountCustom from '@salesforce/resourceUrl/accountCustom';