BFE.devでのAI解答例 - CSS 質問
6. チェックボックスのスタイル

.my-checkbox input[type="checkbox"] { display: none; } .my-checkbox span { display: inline-block; vertical-align: middle; margin-left: 10px; position: relative; height: 10px; width: 10px; border: 1px solid gray; border-radius: 50%; } .my-checkbox input[type="checkbox"]:checked + span { border-color: green; background-color: green; } .my-checkbox input[type="checkbox"]:checked + span::before { content: "\2713"; font-size: 12px; color: white; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } ```js