css - 为 html 电子邮件设计表单

Question

我在 html 电子邮件 中有两个并排的按钮在两个按钮下方，有一个输入字段在输入框下方，有一个提交按钮

我希望这两个按钮表现为切换并且输入字段将从收件人处获取可选输入。这样，当单击提交按钮时，我发送选定状态(即，如果选择第一个按钮，则发送是，如果选择或单击另一个按钮，则发送否)

我还打算通过在单击或悬停所选按钮时更改所选按钮的背景来显示当前所选的选项。

问题是，我尝试使用

#button:hover

但是颜色变化并没有持续存在并且在提交时，我不知道如何获得选择了哪个按钮。

我也尝试过将按钮包装在 a-tag 中，并使用

a:visited table #button

但更改是永久性的，即使在刷新后，一旦被点击。

任何帮助将不胜感激。谢谢

编辑:

这是按钮的代码

<table cellspacing="0" cellpadding="0" align="center">
    <tr>
        <td id="frown" align="center" width="270" height="40" bgcolor="#D83934" style="-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; color: #ffffff; display: block;">
            <a style="color: #ffffff; font-size:16px; font-weight: bold; font-family: Helvetica, Arial, sans-serif; text-decoration: none; line-height:40px; width:100%; display:inline-block">
                <img src="frowny.png">
            </a>
        </td>
    </tr>
</table> 

这是我试过的CSS

a:visited table #frown {
  background-color: #fff;
}

但是一旦点击并且背景发生变化，我无法在点击另一个按钮时恢复到原来的颜色。

Answer 1

表单在 html 电子邮件中不可能，邮件客户端将表单视为网络钓鱼尝试。因此，您需要链接到带有表单的着陆页。

对于某些电子邮件客户端，在顶部 (gmail) 去除了 CSS，因此所有 CSS 都需要内联。