Javascript Ionic3:更改输入字段中的光标颜色
如何在android上更改我的Ionic 3应用程序中文本输入字段的光标颜色(或者调用标记,让您在某些文本中移动到所需位置)? 从下面的屏幕截图中可以看到,光标当前为绿色。在其他输入字段中,它是蓝色的。我想把它改成我的原色Javascript Ionic3:更改输入字段中的光标颜色,javascript,angular,ionic3,Javascript,Angular,Ionic3,如何在android上更改我的Ionic 3应用程序中文本输入字段的光标颜色(或者调用标记,让您在某些文本中移动到所需位置)? 从下面的屏幕截图中可以看到,光标当前为绿色。在其他输入字段中,它是蓝色的。我想把它改成我的原色 任何帮助都将不胜感激。顺便问一句:你在说什么类型的输入 <ion-input> <ion-searchbar> <input> 因为你说光标,所以也有这篇文章。诚然,这是一个重点,这是有理由的。CSS插入符号颜色 您还可以在项目浏
任何帮助都将不胜感激。顺便问一句:你在说什么类型的输入
<ion-input>
<ion-searchbar>
<input>
因为你说光标,所以也有这篇文章。诚然,这是一个重点,这是有理由的。CSS插入符号颜色
您还可以在项目浏览器中签出src/theme/variables.scss和
但我怀疑这可能不会产生太大的效果。
根据文档中的“输入”、“颜色”或“md”搜索词进行过滤将是我的尝试。
如果您正在寻找绿线修复,那么您可以围绕轮廓/边框颜色进行操作,因此我的方法是聚焦
#yourInput:focus{
border-color : blue;
//outline-color : blue:
}
希望有帮助:)只需使用CSS进行搜索输入,即插入符号颜色
如果有人在寻找答案,请点击此链接了解更多详细信息: 在浏览器中,您可以在输入中的“.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
}
此解决方案来自以下链接:
希望有帮助;) 将此添加到您的输入中:
caret-color: #ffffff;
“这是可能的CSS我早就实现了这一点,不确定这个博客是同一个博客,我引用,但它可能会有帮助,谢谢,”vaibhavmaster。不幸的是,这不管用。这管用吗?输入{颜色:蓝色;文本阴影:0px 0px 0px#000;-webkit文本填充颜色:透明;}输入::-webkit输入占位符,{颜色:文本阴影:无;-webkit文本填充颜色:黄色;}谢谢。不幸的是,它不是@Vega.webkit是ioS/Apple的东西-op为安卓而设。谢谢你的回答。屏幕截图是一个
。但是,使用
时也会出现同样的问题。我没有试过,但我想那里也会一样。我已经检查了文档和要覆盖的可用变量,但是没有找到任何内容。无论如何,谢谢你。看起来不像我想的那么容易。我只是希望在这里使用原色是正常的行为。元素的类型是为了防止SASS变量专门针对某个对象。但因为我们讨论的是插入符号/光标,所以很不幸,它没有实际意义。绿线修复?我实际上是在说游标,或者如何正确地调用它。不是输入行。我知道如何改变这个;-)哦..,我没听清楚,我也会找出来让你知道