как например такой вариант?
<input id="my_input" class="test">
<script>
var input = document.getElementById("my_input");
input.addEventListener('input', function(e){
if(!e.target.classList.contains('green')) {
e.target.classList.add('green');
}
if(!e.target.value) {
e.target.classList.toggle('green');
}
});
input.addEventListener('blur', function(e){
if(!e.target.value && e.target.classList.contains('green')) {
e.target.classList.toggle('green');
}
});
</script>