Ionic3：更改输入字段中的光标颜色

Question

如何在Android上的Ionic 3应用程序中更改文本输入字段的光标颜色（或者调用可以让您移动到某些文本中所需位置的标记）？ 从下面的屏幕截图中可以看出，光标当前是绿色的。在其他输入字段中，它是蓝色的。我想把它改成我的原色。

任何帮助都将不胜感激。

Answer 1

BTW：你在谈论什么类型的投入？

<ion-input> 
<ion-searchbar>
<input>

caret's上也有这篇帖子，因为你说了光标。诚然，Mozilla专注于此，有一个W3C draft。 CSS 插入颜色

您也可以在项目浏览器中查看 src / theme / variables.scss 并且here in the documentation
但我怀疑这可能不会产生太大影响。 根据文档中“输入”，“颜色”或“md”的搜索条件进行过滤，这将是我的努力。

Answer 2

万一有人在寻找答案：

在浏览器中，您可以在输入中的'.item-inner'类上使用'caret-color：red'，但在Android和IOS中将无法使用。

为他们完成此操作的方法是在.input类中，如下所示：

input {
  color: rgb(60, 0, 248);  /* change [input cursor color] by this*/
  text-shadow: 0px 0px 0px #D60B0B; /* change [input font] by this*/
  -webkit-text-fill-color: transparent; //This changes the color of the text in the input
}

此解决方案来自以下链接：https://gist.github.com/JoeKeikun/72718f5faaf518304024

希望它会有所帮助;）

Answer 3

如果你正在寻找绿线修复，那么你可以解决轮廓/边框颜色，所以我的方法是，焦点

#yourInput:focus{
  border-color : blue;
  //outline-color : blue:
}

希望有所帮助：）

Answer 4

只需使用CSS进行搜索输入即插入颜色 请点击此链接了解更多详情CSS caret-color

Answer 5

将此添加到您的输入中：

caret-color: #ffffff;