Question. 问题
在开发过程中,默认的单选框(radio)和复选框(check)样式比较难看,因此我们往往需要对其样式进行包装,一种方式就是在 input 外面包装一层 a 标签。
/* css部分 */
.survey {
display: block;
color: #888;
padding: 5px 15px;
background: #fff;
width: 200px;
margin:10px 30px 10px;
font-size: 14px;
position: relative;
border: 1px solid #ddd;
border-radius: 10px;
text-decoration: none;
}
/* html部分 */
<a href="javascript:void(0);" class="survey check-box">
<input name="subject" type="checkbox" style="display: none;">PHP
</a>
在移动端,甚至往往将 input 选择框也隐藏掉:
<a href="javascript:void(0);&