如何在表单中制作选择的图像

Question

我需要一个带有图像可选择的表单，我在google中搜索过，我尝试使用select选项，但这不起作用

请你解决这个问题吗？

我正在使用波旁威士忌整洁（SASS）

Answer 1

我会在图片中设置复选框，请参阅小提琴https://jsfiddle.net/0c26tqd7/1/

修改我在小提琴中的复选框上添加了红色边框

<强> HTML

<input type="checkbox" name='thing1' id="thing1"/><label for="thing1"></label>

<强> CSS

input[type=checkbox] {
    display:none;
}

input#thing1[type=checkbox] + label
{
    background-image: url("http://lorempixel.com/50/50/");
    height: 50px;
    width: 50px;
    display:inline-block;
    padding: 0 0 0 0px;
}