チェックボックスにチェックが入ると入力できるようになるinput要素をCSSだけで作る | かちびと.net

Result ちょっと今更感ありますけど、チェックボックスがチェックされるとinputが入力できるようになるやつです。上のUIは少し違いますけど、鍵の部分がチェックボックスになっています。 よくある「同意するにチェックを入れて～」的なやつに使えそうでしょうか。 ※この同意する云々のUIの意味に対する是非はここでは割愛します css div { --field-size: 50px; --field-border-color: #ccc; margin: auto; top:40px; font-size: 1rem; background: #ffffff; border-radius: 5px; position: relative; width: 400px; overflow: hidden; display: flex; background: white; } div input