Skip to main content
1 de 3

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="">