【单选框用绝对定位覆盖默认样式，点击之后会跳到顶部】

单选框用绝对定位覆盖默认样式，点击之后会跳到顶部

我也踩过这个坑( 1 )

已统计您的踩坑,无需重复点击

回答(0)

详细描述

截图

代码


label{
    margin-bottom: 10px;
}
input[type="radio"] {
    top: -9999px;
    display: none;
}
i{
    display: inline-block;
    width: 22px; height: 22px;
    margin-right: 10px;
    background: url(../img/task10-1.png) no-repeat;
    vertical-align: middle;
}
input:checked+i{
    background: url(../img/task10-2.png) no-repeat;
}

编辑于2024-09-13