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

Регистрация на проекте

..........

Исходный код этого примера:
<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"]:disabled {
        background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAAIklEQVQIW2NkQAKrVq36zwjjgzhhYWGMYAEYB8RmROaABADeOQ8CXl/xfgAAAABJRU5ErkJggg==) repeat;
    }
</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>

.