Изменение чекбокса на css

by selahssea

HTML

<input id="csecond" type="checkbox" name="second" />
<label for="csecond">
    <span class="forchecked">Спасибо, что отметили мой чекбокс!</span>
    <span class="forunchecked">Пожалуйста, отметьте этот чекбокс.</span>
</label>

CSS

#csecond + label > .forchecked {
    display: none;
}

#csecond + label > .forunchecked {
    display: inline;
}

#csecond:checked + label > .forchecked {
    display: inline;
}

#csecond:checked + label > .forunchecked {
    display: none;
}