作者：mobiledu2402852357 | 2023-09-02 16:42
我想用hss在html中创建一个切换按钮.我想要它,以便当你点击它时,它会保持推入状态,而当你再次点击它时,它会弹出.
如果没有办法只使用CSS.有没有办法用jQuery做到这一点？
1> alexmeia..：
好的语义方式是使用复选框,然后如果选中或不选中,则以不同的方式设置它.但是没有好办法.你必须添加额外的跨度,额外的div,并且,为了一个非常漂亮的外观,添加一些JavaScript.
所以最好的解决方案是使用一个小的jQuery函数和两个背景图像来设置按钮的两种不同状态.边框给出的向上/向下效果示例:
$(document).ready(function() {
$('a#button').click(function() {
$(this).toggleClass("down");
});
});
a {
background: #ccc;
cursor: pointer;
border-top: solid 2px #eaeaea;
border-left: solid 2px #eaeaea;
border-bottom: solid 2px #777;
border-right: solid 2px #777;
padding: 5px 5px;
}
a.down {
background: #bbb;
border-top: solid 2px #777;
border-left: solid 2px #777;
border-bottom: solid 2px #eaeaea;
border-right: solid 2px #eaeaea;
}
