Написать стили для фокуса

Я бы использовал css-свойство outline для элементов формы. А свойство border установил бы прозрачным во избежание, так сказать. Через запятую указал как focus указать для класса. По сути для этого примера это избыточно, можно было бы оставить только то, что до запятой или то, что после неё. Работать всё-равно будет корректно.

input {
  border: 1px solid transparent;
  outline: 1px solid #000;
}
input:focus, .myinput:focus {
  outline: 1px solid red;
}

<form action="">
  <input type="text" class="myinput">
</form>

А если нужны скругления border-radius, то используйте свойство box-shadow, благо, оно поддерживается большинством браузеров. ))

input {
  border: none;
  border-radius: 3px;
  outline: none;
  box-shadow: 0 0 0 1px black;
}
input:focus, .myinput:focus {
  box-shadow: 0 0 0 1px red;
}

<form action="">
  <input type="text" class="myinput">
</form>