样式单选按钮，不使用JS或CSS3或HTML5

Question

我的任务是在不使用JS或CSS3或HTML5的情况下创建以下radiobutton。有可能吗？

Answer 1

好的......试试这个：

<强> CSS

input[type=checkbox]{
    opacity:0;
    height: 40px;
    width: 40px;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
}

input[type=checkbox] + label
   {
       background: url("http://www.csscheckbox.com/checkboxes/u/csscheckbox_796472012f96c8785e1ab96779a4ee3c.png") no-repeat 0 0px;
       height: 40px;
       width: 40px;
       display:block;
       padding: 0px;
   }

input[type=checkbox]:checked + label
   {
       background: url("http://www.csscheckbox.com/checkboxes/u/csscheckbox_796472012f96c8785e1ab96779a4ee3c.png") no-repeat 0 -40px;

   }

<强> HTML

<input type="checkbox" value="1" /><label></label>

<强> DEMO HERE