如何更改 iOS 上输入符号的默认颜色？

Question

是否有任何方法可以更改 iOS 上的蓝色插入符号以供输入？

更新： 因此插入符号颜色属性将在 ios 支持时修复此 'issue'。以后你在这里的时候检查浏览器支持 https://caniuse.com/#feat=css-caret-color

Answer 1

我不确定 -webkit-text-fill-color 的兼容性如何，但如果兼容性可以接受，您可以将文本阴影、颜色和背景颜色与 [=28= 结合使用] 创建所需的输入。不需要 JS。

此处描述了此方法的基础：

蓝色比较难看（换成白色会更明显）

input{
  color: #456ce1;
  text-shadow: 0px 0px 0px red;
  -webkit-text-fill-color: transparent;
  background-color: #272b36;
}

<input value = "CHCJ"/>

不要忘记用鼠标聚焦输入字段。

Answer 2

caret-color property is finally supported in ios 所以现在您可以更改插入符号的颜色。

input {
  font-size: 20px;
  caret-color: red;
}

<input type="text">

How to change default color of caret on iOS for inputs?