<!DOCTYPE html>
<html>
<head>
<style>
input[type="checkbox"] {
display: none;
}
input[type="checkbox"]:checked ~ #test {
text-shadow:1px 1px 3px #000;
}
</style>
</head>
<body>
<input type="checkbox" id="sample">
<div id="test">testです。</div><br><br>
<label for="sample"><strong>ここ</strong></label>を押してみて。
</body>
</html>
