Javascript 设置嵌套阴影DOM的样式

Javascript 设置嵌套阴影DOM的样式,javascript,css,dom,web-component,shadow-dom,Javascript,Css,Dom,Web Component,Shadow Dom,现在,我正在尝试在vaadin组合框中的嵌套阴影dom中设置输入样式。我在自定义web组件中使用vaadin web组件。目前,我可以使用以下CSS设置vaadin文本字段的样式: vaadin文本字段::部分(文本字段){…} 但是,我无法进入嵌套的阴影根并使用输入字段部分设置高亮显示的div的样式 这个问题有解决办法吗?还是不可能 对于您的用例,我将在@CssImport中使用themeFor=“vaadin text field”,并使用主题(及其传播到子组件的功能,请参见)将其样式设置

现在,我正在尝试在
vaadin组合框中的嵌套阴影dom中设置输入样式。我在自定义web组件中使用vaadin web组件。目前,我可以使用以下CSS设置
vaadin文本字段的样式:

vaadin文本字段::部分(文本字段){…}
但是,我无法进入嵌套的阴影根并使用
输入字段
部分设置高亮显示的div的样式

这个问题有解决办法吗?还是不可能


对于您的用例,我将在
@CssImport
中使用
themeFor=“vaadin text field”
,并使用主题(及其传播到子组件的功能,请参见)将其样式设置为:

输入字段[主题~=“我的主题”]{}
不确定
::part()
是否能够进入嵌套的阴影DOM,但我会尝试:

vaadin文本字段::部分(文本字段)::部分(输入字段){
vaadin文本字段::部分(输入字段){}