如何设置单选按钮的样式，使其看起来像普通的可点击按钮？答案

【问题标题】：How do I style a radio button to look like a normal clickable button?如何设置单选按钮的样式，使其看起来像普通的可点击按钮？
【发布时间】：2020-07-20 22:12:22
【问题描述】：

我正在尝试让我的单选按钮看起来像普通按钮 - 我该怎么做？我已经看到了很多关于此的其他问题，但我无法得到明确的答案。这是我尝试过的：

&lt;input name="question${questionNumber}" id="q&amp;a" class="press" type="radio" value="${letter}"&gt;&lt;label for="q&amp;a"&gt;${letter}&lt;/label&gt;

但是，我的 javascript 代码没有记录它，我仍然必须单击 javascript 的单选按钮才能识别我已单击该按钮，并且只有单击单选按钮才能找到它的值。我该如何解决这个问题？

【问题讨论】：

您的 sn-p 不完整，不包括 javascript 或 css。您能否使用您尝试过的内容添加一个代码笔示例？
这是一个确定的答案：Making radio buttons look like buttons instead 无忧乐于提供帮助

标签： javascript html jquery css button

【解决方案1】：

如果您希望单选按钮看起来像普通按钮，为什么还要使用它呢？单选按钮用于从众多选项中选择 1 个选项，例如在多项选择测试中。他们的设计反映了这一目的，大多数人在看到单选按钮时都知道如何与它们进行交互。如果您使用普通按钮，则可以使用

Element.addEventListener(“click” function() {
    // do your stuff
})

【讨论】：

OP 没有要求 click 函数。而是将radio CSS 转换为button。您的回答与问题无关。