如题,,点击空白或者input可以选中,但是点击文字就不可以选中。在下正在做app的选择题的页面,所以需要这样的结构,就是点击整行都可以选中的效果,请问怎么解决?
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<script src="//cdn.bootcss.com/fastclick/1.0.6/fastclick.min.js"></script>
<style>
label {
display: block;
}
</style>
</head>
<body>
<label>
<input type="radio" name="aaa" value="1">
<span>11111</span>
</label>
<label>
<input type="radio" name="aaa" value="2">
<span>11111</span>
</label>
<label>
<input type="radio" name="aaa" value="3">
<span>11111</span>
</label>
<label>
<input type="radio" name="aaa" value="4">
<span>11111</span>
</label>
<label>
<input type="radio" name="aaa" value="5">
<span>11111</span>
</label>
<script>
FastClick.attach(document.body);
</script>
</body>
</html>
这个问题已经解决。
结构变成了
div>input+span
把div设置relative z1
input {
appearance:none;
left:0;
top:0;
right:0;
bottom:0;
padding:0;
border:0;
margin:0;
background-color:transparent;
z-index:10;
width: 100%;
height: 100%;
}
最后通过before after伪类使用图片做好了。