2

我希望用户能够从一组图像中选择一个图像。我想这样做的方式是a）表单元素的一部分和b）适用于没有启用javascript的旧浏览器/浏览器。

我考虑过覆盖css来制作一组radio buttons显示图像，但这看起来真的很难隐藏子弹。

另一种选择是覆盖option...select结构中的 css 以显示图像，但这仅适用于某些浏览器。

有什么简单的方法可以做到这一点？或者我应该创建两个选项：一个用于带有 Javascript 的浏览器，一个用于没有 Javascript 的浏览器？

4

1 回答 1

3

<label>您可以为每个单选按钮制作图像的一部分，并使用visibility: hidden或隐藏单选按钮。

<label>
    <img src="image1.png" alt="Some image" />
    <input type="radio" name="image" value="1" />
</label>

…想一想，这几乎是您可以为单选按钮提供图像的唯一方法，它应该可以按预期工作。（除非你打算使用background-image？）

于 2013-04-28T14:39:52.220 回答