将特定图像添加到单选按钮

时间:2013-08-08 08:57:21

标签: html css

input[type=checkbox]:not(old) + label,
input[type=radio   ]:not(old) + label{
  display      : inline-block;
  margin-left  : -28px;
  padding-left : 28px;
  background   : url('image.png') no-repeat 0 0;
  line-height  : 24px;
}

<input id="radio1" class="spec" type="radio" name="h" value="1" ><label for="radio1"><span><span></span></span>1</label><br />
        <input id="radio2" type="radio" name="h" value="2"><label for="radio2"><span><span></span></span>3</label><br/>
        <input id="radio3" type="radio" name="h" value="3"><label for="radio3"><span><span></span></span>5</label><br/>

我想在1个单选按钮中添加不同的背景图像。我试过

.spec
{
    background: url('image2.jpg') no-repeat 0 0;
}

但没有结果。

0 个答案:

没有答案