我的注册表页面中有一组单选按钮,编码为:
<label for="text"><input type="radio" name="gen" id='gender' value="Male"> Male <input type="radio" name="gen" id='gender' value="Female"> Female </label><br/>
这些显示标准单选按钮。
我的测验页面中有另一组单选按钮,代码
<div class='checkoutform'>
<?php for($i=0;$i<$whatever;$i++){
if($i==0){
echo "<div class='fieldlist'>";
echo "<input class='checkedBox2' name='".$question["id"]."' type='radio' id='shipadd1'>";
echo "<label for='shipadd1'>";
echo $contents.'</label>';
echo "</div>";
}
else{
echo "<div class='fieldlist'>";
echo "<input type='radio' id='shipadd$j' name='".$question["id"]."'>";
echo "<label for='shipadd$j'>";
echo "</div><br/>";
}
}
?>
</div>
问题是第二组单选按钮显示我想要的图像+标准单选按钮,我发现很难区分两者。如果你能帮忙那就太好了。这是我用于两组单选按钮的当前 css:
.fieldlist{width:100%; background-color:#fffcd9}
input[type="radio"] + label{
background: url(/images/1.png) right center no-repeat;
background-size: 20px;
height: 25px;
display:inline-block;
padding: 0 49px 0 0;
}
input[type="radio"]:checked + label{
background-size: 20px; -moz-background-size: 20px;
background: url(/images/2.png) right center no-repeat;
}
label[for=shipadd1]{
width: 60%;
float: left;
text-align: left;
}
label[for=shipadd2]{
width: 60%;
float: left;
text-align: left;
}
label[for=shipadd3]{
width: 60%;
float: left;
text-align: left;
}
label[for=shipadd4]{
width: 60%;
float: left;
text-align: left;
}
所以,我试图在一页上使用标准单选按钮,擦除实际的单选按钮并将它们替换为在第二页上使用。有人可以告诉我哪里出错了吗?
提前致谢