Html 如何在Cordova iOS项目中更改文本字段光标颜色
我在基于Cordova的iOS项目中有一个蓝色背景,因此我的光标在iPhone设备中不可见。因此,如果有人遇到这种情况,请告诉我如何在Cordova iOS项目中更改文本字段光标颜色,或者如果有HTML属性更改此颜色 index.html中的文本字段代码: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
<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答案