Skip to content

Instantly share code, notes, and snippets.

Embed
What would you like to do?
チェックボックスでスタイルを切り替える
<html>
<head>
<title>チェックボックスでスタイルを切り替える</title>
<style>
#main {
background-color: red;
}
input[type="checkbox"]#toggle:checked ~ #main {
color: #eee;
background-color: blue;
}
</style>
</head>
<body>
<input id="toggle" type="checkbox">
<section id="main">
<div>チェックボックスでスタイルを切り替える</div>
</section>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment