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

Posted 2023-03-15

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

【英文标题】：How to change the textfield cursor colour in Cordova iOS project

【发布时间】：2015-07-20 12:21:52

【问题描述】：

我在基于 Cordova 的 ios 项目中有蓝色背景，因此我的光标在 iPhone 设备中不正确可见。所以如果有人遇到这种情况，请告诉我如何更改 Cordova iOS 项目中的文本字段光标颜色或是否有任何 html属性来改变这个色调颜色

index.html 中的文本域代码：

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

【参考方案1】：

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

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

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

【讨论】：

即使在 .css 中使用 in cursor 后，光标仍保持蓝色

你能把你的 CSS 贴在这里吗？

我用过 Rajesh Kumar Patel css 答案

【参考方案2】：

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

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

---

解决方案 2： 在 iOS 7 中，您可以简单地更改 UITextField 的 tintColor 属性。这将影响文本光标的颜色和文本选择突出显示的颜色。

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

textField.tintColor = [UIColor redColor]; ...或在界面生成器中：

---

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

现在设置为@nulllike，

android:textCursorDrawable="@null"

所以现在您的 EditText Cursor 与您的 EditText TextColor 相同。

---

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

div 
   cursor: url(YOUR_IMAGE_URL), auto;

【讨论】：

我需要这个基于 Cordova 的 iPhone 项目的解决方案，那么解决方案 1 和解决方案 3 是否适用于 android？..解决方案 2 正在使用目标 c-我不能使用这个..我会尝试使用解决方案 4 并让您知道更新

感谢您的努力，不再是一样的蓝色凝乳

你需要拍摄一个像闪烁光标一样的小图像，用不同的颜色然后使用。 .mcursr cursor: url(YOUR_IMAGE_URL), auto;

【参考方案3】：

要改变光标的颜色，为光标编写css如下：

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

【讨论】：

..我是这个基于 Cordova HTML 的标签的新手..你能告诉我在用 index.html 编辑 css 文件后在哪里使用这个代码

【参考方案4】：

试试这个，

对于 background-color 用户你的屏幕背景颜色和对于 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

希望这对你有用！！

【参考方案5】：

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