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

Question

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

index.html中的

textfield代码：

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

Answer 1

Sujania - 你只需要添加类＆＃34;光标＆＃34;到您的输入类型。

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

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

Answer 2

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

属性textCursorDrawable在API级别12及更高版本中可用

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

您可以在代码中执行此操作...

UITextField;
...或在Interface Builder中：

解决方案3 ：在textField.tintColor = [UIColor redColor]属性中，有一个属性EditText

现在将其设置为android:textCursorDrawable喜欢，

@null

现在，您的android:textCursorDrawable="@null" EditText与Cursor EditText相同。

解决方案4：使用图片和CSS光标属性，我在这里看不到任何需要的JavaScript ......

TextColor

Answer 3

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

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

Answer 4

试试这个，

用于背景色用户屏幕背景颜色和用于着色使用白色颜色

<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

希望这对你有用!!

Answer 5

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