在 HTML 和 CSS 中创建切换按钮
问题：
如何创建HTML 中使用 CSS 的切换按钮，单击时保持压入状态，再次单击时弹出？
答案：
为功能切换按钮实现纯 CSS 解决方案具有挑战性。另一种方法是利用使用 CSS 设计样式并辅以 JavaScript 的复选框。
jQuery 实现：
推荐的解决方案包括一个简单的 jQuery 函数和两个背景图像表示不同的按钮状态。这是一个示例：
<code class="javascript">$(document).ready(function() {
$('a#button').click(function() {
$(this).toggleClass("down");
});
});</code><code class="css">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;
}</code><code class="html"><script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <a id="button" title="button">Press Me</a></code>
以上是如何使用 HTML 和 CSS 创建具有推送和弹出效果的切换按钮？的详细内容。更多信息请关注PHP中文网其他相关文章！
