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