Espero esto sea lo que buscas
En este caso usamos jquery
al activar el evento focus
que al elemento se le cambie la propiedad background
$(".input").focus(function(){
$(this).css({"background":"rgb(82, 179, 126)"})
})
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input placeholder="background con jquery" class="input" type="text" name="" value="">
En este caso solo hay que usar la propiedad de css
:focus
que se activa cuando el input
esta activo
input:focus {
background: rgb(168, 168, 168);
}
<input placeholder="input cambio de color" type="text" name="" value="">