<html>
<head>
<style type="text/css">
a,label {
display:block;
width:25px;
height:25px;
overflow:hidden
}
a {
background:url("xxx.gif") no-repeat
}
a:hover {
background:url("yyy.gif") no-repeat
}
a#b,a#d {
background:url("zzz.gif") no-repeat
}
</style>
</head>
<body>
<label for="la1">
<a href="#b" id="a" οnclick="la1.checked=true"></a>
<a href="#a" id="b" οnclick="la1.checked=false"></a>
<input type="checkbox" id="la1" />
</label>
<label for="la2">
<a href="#d" id="c" οnclick="la2.checked=true"></a>
<a href="#c" id="d" οnclick="la2.checked=false"></a>
<input type="checkbox" id="la2" />
</label>
</body>
</html>
CSS 用图片替换checkbox样式
最新推荐文章于 2021-08-12 11:11:16 发布
885
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
