如何修改IOS手机端中的input框的光标颜色

Question

现在有个需求是修改input框的光标颜色，我的代码如下：

 input, textarea {
        color: red;
         -webkit-text-fill-color:#1b1c33
    }
    @supports (caret-color: var(--primary)) {
        input, textarea {
            color: #1b1c33;
            caret-color: red;
        }
    }

经测试：安卓手机input框的光标颜色是已经修改了，但是IOS手机上的input框的光标颜色。
请问下各位大佬，要怎么修改IOS手机上input 的光标颜色，谢谢

Answer 1

IOS是从11.3+开始支持的。
参考：CanIUse

Answer 2

input,
textarea {
  color: rgb(60, 0, 248); /* 光标的颜色*/
  text-shadow: 0px 0px 0px #d60b0b; /* 文本颜色 */
  -webkit-text-fill-color: transparent;
}

试试这样