css - HTML メール用のフォームの設計

Question

HTMLメールの2つのボタンの下に2つのボタンが並んでいて 、入力フィールドがあり、入力フィールドの下に送信ボタンがあります

2 つのボタンをトグルとして動作させ、入力フィールドが受信者からオプションの入力を取得するようにします。送信ボタンがクリックされたときに選択された状態を送信するようにします(つまり、最初のボタンが選択されている場合ははい、他のボタンが選択されているかクリックされている場合はいいえ)

また、選択したボタンをクリックまたはホバーしたときに、選択したボタンの背景を変更することで、現在選択されている選択肢を表示するつもりです。

問題は、私が使ってみた

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

しかし、クリックして背景が変わると、他のボタンをクリックすると元の色に戻る方法がありません。