这是我的标记:
<div id="step6" class="step">
<div id="glazing_instructions">Please select your glazing type from these options:</div>
<input type="radio" name="Glazing" value="GAPC" onclick="glazing_change_glass(this);" />Premium Clear Acrylite (<a onclick="window.open('/static/glazing/glazing.html#pca','null','width=730,height=620,scrollbars=yes,resizeable=yes')">learn more</a>)
<input type="radio" name="Glazing" value="GACC" onclick="glazing_change_glass(this);" />Conservation Clear Acrylite (<a onclick="window.open('/static/glazing/glazing.html#cca','null','width=730,height=620,scrollbars=yes,resizeable=yes')">learn more</a>)
<input type="radio" name="Glazing" value="GAR" onclick="glazing_change_glass(this);" />Reflection Control Acrylite (<a onclick="window.open('/static/glazing/glazing.html#crca','null','width=730,height=620,scrollbars=yes,resizeable=yes')">learn more</a>)
<input type="radio" name="Glazing" value="GAOM" onclick="glazing_change_glass(this);" />Optium Museum Acrylite (<a onclick="window.open('/static/glazing/glazing.html#oma','null','width=730,height=620,scrollbars=yes,resizeable=yes')">learn more</a>)
</div>
在常规浏览器上显示单选按钮,但是当我在Android浏览器上查看该页面时,单选按钮未显示。您仍然可以点击它们的位置,然后选择一个。
如何才能正确渲染单选按钮?
编辑:事实证明单选按钮正在渲染,它们只是一种非常浅灰色的颜色,与它们所处的背景非常相似。如何让它们像在浏览器中一样呈现?
EDIT2:点击一个单选按钮后,其他单选按钮就可见了。