Использование :focus

by webref

HTML

<p>
  <input class="form-input" placeholder="Введите имя">
</p>

CSS

.form-input {
  border: 2px solid grey;
  padding: 5px;
}

.form-input:focus {
  background: lightyellow;
  border-color: blue;
  outline: none;
}