如何在Cordova iOS项目中更改文本字段光标颜色

Posted 2021-04-09

我在基于Cordova的ios项目中有蓝色背景，因为我的光标在iPhone设备中无法正常显示。如果有人遇到这个，请告诉我如何在Cordova iOS项目中更改文本字段光标颜色或者是否要更改任何html属性这种色调

index.html中的textfield代码：

 <input type="text" placeholder="First Name" id='regFName' />

答案

Sujania - 您只需要将类“cursor”添加到您的输入类型。

<input class="cursor" type="text" placeholder="First Name" id='regFName' />

然后CSS将按照您的预期应用！

另一答案

解决方案1：将android:textCursorDrawable属性设置为@null应该导致使用android:textColor作为光标颜色。

属性textCursorDrawable可用于API级别12及更高级别

---

解决方案2：使用iOS 7，您只需更改tintColor的UITextField属性即可。这将影响文本光标的颜色和文本选择高亮颜色。

你可以在代码中做到这一点......

textField.tintColor = [UIColor redColor]; ...或在Interface Builder中：

---

解决方案3：在EditText属性中，有一个属性android:textCursorDrawable

现在将其设置为@null，

android:textCursorDrawable="@null"

所以现在你的EditText Cursor和你的EditText TextColor相同。

---

解决方案4：使用图像和CSS游标属性，我不认为这里需要javascript ...

div {
   cursor: url(YOUR_IMAGE_URL), auto;
}

另一答案

要更改光标的颜色，请按如下所示为光标写入css：

.cursor {
        font-size: 12px;
        background-color: red;
        color: red;
        position: relative;
        opacity: 0.5;
       }

另一答案

试试这个 ，

对于背景颜色用户您的屏幕背景颜色和colore使用白色colore

<style>
 .cursor {
     font-size: 12px;
    background-color: blue;
    color: #fff;
    position: relative;
    opacity: 0.5;
   }
</style>
<input class="cursor " type="text" name="firstname">code here

希望这对你有用!!

另一答案

试试css属性caret-color，它对我有用。