在HTML邮件中使用CSS展开/折叠内容

Question

我正在构建html邮件，其中有一个复选框：

#table1 {display: block}
input:checked ~ #table1 {display: none}

<input id="checkbox" class="toggle" type="checkbox">
<table id="table1" style="width: 100%; border: 0; padding: 0; text-align: center; position: fixed; bottom: 0" cellpadding="9" cellspacing="0"> 
  <td style="font-size: 9px; font-family: Verdana; color:#898a8c">hide me</td>
</table>

如果我在Web浏览器中将其打开，则可以正常工作，但是，如果将其作为html电子邮件发送（我正在使用Outlook），则选中的复选框没有任何反应。我知道无法在邮件中使用JavaScript（这是一个安全问题），但是，我可以使其仅使用CSS起作用吗？

Answer 1

电子邮件HTML受到限制。

您应该选中this。