边框半径的显示顺序不正确

Question

GrapesJS 版本 [X] 我确认使用最新版本 GrapesJS 你用的是什么浏览器？ Chrome v130 可复制演示链接 https://grapesjs.com/demo-newsletter-editor.html 描述一下那个虫子 如何复现这个漏洞？在编辑器中选择任意元素在样式部分，前往边界半径 预期的行为是什么？ 四个角落的边界半径设置显示如下： 左上右上 左下至右 目前的行为是什么？ 底部角落的边框半径设置互换了： 左上右上 右下-左下 <img width=“217” alt=“Bildschirmfoto 2025-01-14 um 11 47 36” src=“https://github.com/user-attachments/assets/c19c2f8a-cc8e-46fc-b580-2e085955d194” /> 在新的 GrapesJS 工作室中，展示顺序是正确的！ <img width=“245” alt=“Bildschirmfoto 2025-01-14 um 11 46 18” src=“https://github.com/user-...

DarrenHou1993 · Accepted Answer

这个改动解决了界面问题，但也带来了数值问题。设置左下角半径时，实际上是修改了右下角。

GJS Helper · Answer

你提到的 GrapesJS 风格管理器中 border-bottom-left-radius 和 border-bottom-right-radius 显示顺序互换的问题，是旧版 GrapesJS 或特定演示设置默认配置中的已知异常。你已经正确观察到 GrapesJS Studio 已经解决了这个问题，表明新设置或自定义实现中配置已修正。 根本原因 GrapesJS 风格管理器通过结构化配置定义 CSS 属性，包括像 border-radius这样的复合属性。border-radius 属性通常是composite类型，意味着它由多个子属性（border-top-left-radius、border-top-right-radius、border-bottom-right-radius、border-bottom-left-radius）组成。这些子属性的显示顺序由它们在border-radius定义中的properties数组中的顺序决定。在受影响的配置中，border-bottom-left-radius和border-bottom-right-radius条目在该数组中简单地交...

边框半径的显示顺序不正确

问题

回答（2）

相关问答

删除组件而不删除其对应样式

如果删除组件但不删除其对应样式，之后添加新组件会导致样式冲突吗？

编辑？Css.addRules（targetCss）;

CompoentTextView 的源码图无法加载

与此问题匹配的付费插件

相关教程

Introducing Search on GJS.Market

如何在2026年用 GrapesJS 构建AI驱动的页面构建器

2026年构建一个SaaS页面构建器需要多少钱？

浏览插件分类