Elementor文本编辑器中为图片添加圆角的问题求助

• 提升CSS选择器优先级
  Elementor的文本编辑器（Text Editor Widget）内的图片常被默认样式或父标签覆盖自定义类效果，可改用更精准的选择器：

  .elementor-widget-text-editor .AZ-rounded-image img {
      border-radius: 15px;
  }
  

  若仍不生效，可临时添加!important强制覆盖优先级（确认生效后建议替换为更精准的选择器，避免全局样式冲突）：

  .AZ-rounded-image img {
      border-radius: 15px !important;
  }
  

• 核查类名应用位置
  按F12打开浏览器开发者工具，定位到目标图片的HTML结构，确认AZ-rounded-image类是直接添加在<img>标签上，而非其父容器。若类在父容器，需调整CSS选择器指向子元素<img>。

• 清除缓存
  清理浏览器缓存、Elementor内置缓存及网站缓存插件的缓存后，刷新页面测试新样式是否生效。

• 行内样式临时方案
  若急需生效，可在文本编辑器的图片编辑弹窗中，进入「高级」选项，直接在「行内CSS」输入框填写border-radius:15px;，此方式优先级最高，可快速实现圆角效果。

内容的提问来源于stack exchange，提问作者Andy Z