修改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
相关产品推荐
相关产品推荐

