当电子邮件被接收时，CSS未应用于HTML文档

Question

当电子邮件被接收时，CSS未应用于HTML文档

3

我一直在使用基于HTML字符串的文档发送时遇到样式问题。我主要参考了这个资源（https://developers.docusign.com/esign-rest-api/guides/responsive-signing/creating-signable-html），特别是底部详细说明了Docusign支持哪些HTML和CSS元素的部分。我使用的每个元素都在这些批准列表中，但是我应用于HTML字符串的样式似乎没有传递到接收到的电子邮件中。特别是，我应用的任何填充似乎在经过Docusign之后完全被忽略。我尝试了各种方法来应用填充，例如在我的CSS中使用百分比或em，以及使用样式标签、外部样式表和内联样式，但是这些方法都不起作用。

例如，在我正在尝试发送的文档中，我经常需要以数字开头，然后是大空格，然后是文本。我使用的HTML类似于这样：

2. 发明。

当在浏览器中呈现此HTML时，我得到的是这样的：期望显示然而，当从Docusign收到文档时，它看起来像这样：实际显示这似乎发生在我的所有CSS中，导致接收到的文件看起来非常糟糕。我不确定我漏掉了什么，因为这些CSS元素应该受到Docusign的支持。

- Nick Shaughnessy

Docusign显然会过滤您的HTML，这就是为什么他们有这个白名单，如果他们在此过程中删除空的HTML元素，我也不会感到惊讶。您能否尝试在标签上添加style ='margin-left：2em'？ - Willem

那看起来还算合理，也许我用空的span标签作为例子不是最好的选择。问题在于，不仅这个CSS样式没有被应用，我使用的所有CSS都没有被应用。例如，在我的文档中，我经常在非空的div标签上使用CSS来设置不同部分之间的间距。这些CSS也没有被应用，所以我不认为我的问题是由于空的html元素引起的。 - Nick Shaughnessy

1个回答

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- Inbar Gazit · Answer 1

0

span元素无法使用margin-top属性？

在span元素上不允许使用margin CSS属性。

与DocuSign无关。

您可以通过其他方式（添加空格）将其推向右侧，或者使用或<div>代替。

- Inbar Gazit

我之前并不知道这个问题，奇怪的是在我的浏览器中它可以正常渲染。但这不仅仅是当我给span设置边距时遇到的问题——那只是一个例子——对于我在HTML文档中放置的所有CSS都会出现这个问题。 - Nick Shaughnessy

如果您无法使用响应式签名功能，或者没有正确使用它，则可以尝试进行一项快速测试-调整签名页面的大小并查看页面中的元素是否像 HTML 页面一样调整大小，还是像 PDF 一样（响应式或非响应式，PDF 只会显示图像的一部分）。 - Inbar Gazit