You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

修改D365营销表单提交后感谢提示框的DIV CSS

修改D365营销表单提交反馈DIV的默认CSS样式

当然可以修改这个DIV的默认固定宽高样式,下面是两种可行的实现方案:

方案1:用自定义CSS覆盖内联样式

目标DIV的宽高是内联样式(优先级最高),你可以通过以下方式强制覆盖:

.onFormSubmittedFeedback {
  height: auto !important;
  width: auto !important;
  /* 也可根据需求自定义值,比如让宽度占满容器:width: 100% !important; */
}

如果不想使用!important,可以结合表单的父容器类提升选择器优先级:

.marketing-form-container .onFormSubmittedFeedback {
  height: auto;
  width: auto;
}

将这段CSS添加到网站全局样式表,或者D365营销页面模板的自定义样式区域即可生效。

方案2:通过自定义脚本动态移除样式

如果无法直接添加CSS,可在表单的自定义脚本区域插入这段JS代码,动态清空内联样式:

// 页面加载完成后执行
document.addEventListener('DOMContentLoaded', () => {
  const feedbackElement = document.querySelector('.onFormSubmittedFeedback');
  if (feedbackElement) {
    // 移除内联的固定宽高样式
    feedbackElement.style.removeProperty('height');
    feedbackElement.style.removeProperty('width');
    // 也可直接设置新样式,例如:feedbackElement.style.width = '100%';
  }
});

这段代码会在页面元素加载完成后定位到目标DIV,清除默认的固定宽高设置,让元素根据内容自适应尺寸。

注意事项

  • 确保自定义样式或脚本被正确加载到包含表单的页面中,比如在D365营销的页面模板、表单的自定义HTML/脚本配置区域添加。
  • 如果是嵌入到外部网站的D365表单,需要将样式/脚本添加到嵌入页面的对应位置。

内容的提问来源于stack exchange,提问作者Sukhjeevan

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.07.11 13:54:57