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

Html 如何在Cordova iOS项目中更改文本字段光标颜色,html,ios,cordova,cursor,textfield,Html,Ios,Cordova,Cursor,Textfield,我在基于Cordova的iOS项目中有一个蓝色背景,因此我的光标在iPhone设备中不可见。因此,如果有人遇到这种情况,请告诉我如何在Cordova iOS项目中更改文本字段光标颜色,或者如果有HTML属性更改此颜色 index.html中的文本字段代码: <input type="text" placeholder="First Name" id='regFName' /> 要更改光标的颜色,请按如下方式为光标编写css: .cursor { font-si

我在基于Cordova的iOS项目中有一个蓝色背景,因此我的光标在iPhone设备中不可见。因此,如果有人遇到这种情况,请告诉我如何在Cordova iOS项目中更改文本字段光标颜色,或者如果有HTML属性更改此颜色

index.html中的文本字段代码:

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


要更改光标的颜色,请按如下方式为光标编写css:

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

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,您只需更改
UITextField
tintColor
属性即可。这将影响文本光标的颜色和文本选择突出显示的颜色

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

textField.tintColor=[UIColor redColor]

... 或在界面生成器中:


解决方案3:在您的
EditText
属性中,有一个属性
android:textCursorDrawable

现在将其设置为
@null
类似

android:textCursorDrawable=“@null”

因此,现在您的
EditText
光标
与您的
EditText
TextColor
相同


解决方案4:使用带有CSS游标属性的图像,我认为这里不需要JavaScript

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

对于背景色用户,您的屏幕背景色,对于颜色,请使用白色

<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

.光标{
字体大小:12px;
背景颜色:蓝色;
颜色:#fff;
位置:相对位置;
不透明度:0.5;
}
代码在这里

希望这对你有用

试试css属性
插入符号颜色
,它对我很有用。

。我不熟悉这个基于Cordova HTML的标签。你能告诉我在css文件中用index编辑后在哪里使用这个代码吗。我需要这个基于Cordova的iPhone项目的解决方案,那么,解决方案1和解决方案3是针对android的吗?。解决方案2使用的是目标c-我无法使用此功能。我将尝试使用解决方案4,并让您知道更新情况。谢谢您的努力,没有仍然相同的蓝色curdor您需要拍摄一个小图像,如不同颜色的闪烁光标,然后使用。mcursr{cursor:url(你的图片),auto;}即使在cursor-in中使用了,光标仍然是蓝色的。cssCan你可以在这里粘贴你的CSS吗?我已经使用了Rajesh Kumar Patel CSS答案