input[type=checkbox] { position: relative; width: 1em; height: 1em; border: 1px solid gray; vertical-align: -2px; color: green; } input[type=checkbox]::before { content: "✔"; position: absolute; font-size: 1.2em; right: 0; top: -0.3em; visibility: hidden; } input[type=checkbox]:checked::before { visibility: visible; } input[type=checkbox]:disabled { border-color: black; background: #ddd; color: gray; }
お問い合わせ