我在一封***html电子邮件***中有两个并排的按钮，这两个按钮下面是一个输入字段，输入字段下面是一个提交按钮
我希望这两个按钮的行为作为切换和输入字段将采取可选的输入从收件人。这样，当提交按钮被点击我发送选中状态（即，是，如果第一个按钮被选中，和一个否，如果其他被选中或点击）
我还打算通过在单击或悬停选定按钮时更改其背景来显示当前选定的选项。
问题是我试过用

#button:hover

但是颜色的变化并不持久，在提交时，我不知道如何获得哪个按钮被选中。
我还尝试过用a标签 Package 按钮，并使用

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

但一旦点击和背景的变化，我没有办法返回到原来的颜色时，其他按钮，如果点击。