Псевдокласс :enabled

Исходный код этого примера:

<script>
    function agreeForm(f) {
        if (f.agree.checked) f.submit.disabled = 0;
        else f.submit.disabled = 1;
    }
</script>
<style>
    input {
        box-shadow: none !important;
    }
    input[type="submit"]:enabled {
        background: #fc0;
    }
</style>
<form>
    <p>Регистрация на проекте</p>
    <p>..........</p>
    <p>
        <label>
            <input type="checkbox" name="agree" onclick="agreeForm(this.form)">
            С правилами ознакомился
        </label>
    </p>
    <p><input type="submit" name="submit" value="Отправить" disabled></p>
</form>