我已经为多选问题生成了 HTML，只需使用一个包含问题的 png 和多项选择答案，每个答案都包含自己的 png。我希望用户能够点击他们选择的答案，然后继续下一个问题。
在测试中，我发现它使用标准浏览器可以完美运行，但在 iPad 上我无法单击答案选项。我不熟悉 iPad 的 html 要求/限制。我假设我正在做一些苹果的 iPad 版本的 safari 不支持的事情，尽管我不知道它会是什么。
这是身体：
<body onload="init('single')" class="single">
<div id="navBar">
<div id="testButtons" class="formButtons"><button id="submitButton"><img src="../assets/check2.png">I'm done</button><button id="resetButton"><img src="../assets/delete2.png">Start over</button></div>
<div id="resultsButtons" class="formButtons"></div>
</div>
<div id="test">
<form>
<div class="problem" id="problem-1">
<div class="problemLabel"><span>Problem 1</span></div><img class="stem" src="1.png"><table class="answer">
<tbody>
<tr>
<th><input type="radio" name="rg-1" id="rb-1-1" class="false"><label for="rb-1-1">A</label></th>
<td><label for="rb-1-1"><img src="1-1.png"></label></td>
</tr>
<tr>
<th><input type="radio" name="rg-1" id="rb-1-2" class="false"><label for="rb-1-2">B</label></th>
<td><label for="rb-1-2"><img src="1-2.png"></label></td>
</tr>
<tr>
<th><input type="radio" name="rg-1" id="rb-1-3" class="true"><label for="rb-1-3">C</label></th>
<td><label for="rb-1-3"><img src="1-3.png"></label></td>
</tr>
<tr>
<th><input type="radio" name="rg-1" id="rb-1-4" class="false"><label for="rb-1-4">D</label></th>
<td><label for="rb-1-4"><img src="1-4.png"></label></td>
</tr>
</tbody>
</table>
</div>
</form>
</div>
<div id="results">
<h3 id="testcomplete">Online Test Complete!</h3>
<div id="resultsHeader">
<table class="summary">
<tbody>
<tr>
<th>Title</th>
<td>single_question_test</td>
</tr>
<tr>
<th>Correct</th>
<td id="problemsCorrect"></td>
</tr>
</tbody>
</table>
</div>
</body>
任何帮助将非常感激！希望 iPad 应该使用不同的按钮类型。