Граница ввода IOS отсутствует в фокусе

Question

У меня есть вход с рамкой, которая меняет цвет на фокусе.Это хорошо работает на Android и веб-браузерах, проблемы появляются на IOS.Граница полностью исчезает при нажатии внутри ввода и записи.Есть идеи?

.my-input {
  background: #fff;
  border: 2px solid red;
  border-radius: 20px;
  font-size: 14px;
}

.my-input:focus {
  border: 2px solid purple;
  outline: none;
}

.my-input:disabled {
  box-shadow: 0 0 10px 0 blue;
}

<input class="my-input" type="text">