Salesforce 如何覆盖Lightning Web组件内部元素的CSS

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> 但是没用,那我怎

我有一个dataTable组件,如下所示:

<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';