I have CustomField with FormLayout inside and i want change #layout element of FormLayout inside #shadow-root. Of course, i can do that by js:

document.querySelector("#myid > vaadin-form-layout")
.shadowRoot
.querySelector("#layout").style.<property>=hz;

Is it possible to change the style of an element using css?
Thanks!

推荐答案

请参阅样式文档:https://vaadin.com/docs/latest/styling/getting-started/#styling.get-started.shadow-dom-styling

但请注意,#layout元素被视为内部实现细节,不保证在future 版本(主要版本、次要版本或维护版本)中可用.元素可能会消失,或者ID随时会更改.

Css相关问答推荐

如何在CSS中平滑线性平移动画

如何在Ionic上更改输入的浮点数名称 colored颜色 ?

如何在容器查询体中重新定义:Root的CSS自定义属性值?

响应的Megamenu位置css

使用tailwind 将父div限制为其具有溢出的最短子级的高度

CSS 内联 Flex 和段落换行

Vue3 组合 api 中的对象值样式

before 元素的过渡效果

Tailwind css 和 Next.js 导航组件 z-index 不工作

使用任意运行时字符串进行 Tailwind CSS 类定位

对 CSS 容器查询使用多个条件

CSS背景位置从顶部的给定像素开始?

CSS动画恢复默认

如何强制 div 出现在下方而不是旁边?

如何在 CSS 中控制列表样式类型光盘的大小?

Bootstrap 3 - 在每个网格列之后打印布局和中断

Div Size 自动调整内容大小

如何在 Flexbox 中禁用等高列?

如果容器 div 较小,如何将子 div 扩展到 100% 屏幕宽度?

bootstrap.css 和 bootstrap-theme.css 有什么区别?