为html电子邮件设计表单

时间:2013-11-10 19:31:26

标签: css css-selectors html-email

我在 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;
}

但是一旦点击并且背景发生变化,如果单击其他按钮,则无法返回原始颜色。

1 个答案:

答案 0 :(得分:0)

html电子邮件中的表单,邮件客户端将表单视为网络钓鱼尝试。 因此,您需要链接到包含表单的目标网页。

对于一些电子邮件,cliens剥离顶部的CSS(gmail),因此所有CSS都需要内联。