Textarea caret-color 不适用于 iOS Safari 浏览器

Posted 2023-03-14

【中文标题】Textarea caret-color 不适用于 iOS Safari 浏览器

【英文标题】：Textarea caret-color not working for iOS safari browser

【发布时间】：2020-06-08 13:09:35

【问题描述】：

我想从 textarea 中隐藏文本光标（插入符号）， 我尝试使用 caret-color 属性，但它不适用于 ios 浏览器（尝试了 safari 和 chrome）。

还有其他方法可以实现吗？

这是我尝试过的一种方法

.disabled_caret 
    caret-color: transparent;

JS代码：

input.addClass('disabled_caret');

输入是 $('textarea')

注意：它适用于 android 设备和桌面浏览器

【参考方案1】：

我认为没什么可做的，我在Can I Use 中看到没有被广泛支持，所以如果你没有更新的 iOS 版本，你不能只使用 CSS，所以显示默认值（黑色）

【讨论】：

我也尝试过更新的 iOS 版本，但它也无法正常工作。

奇怪，尝试打开developer.mozilla.org/en-US/docs/Web/CSS/caret-color 我用我的iphone ios13.x 试过，它可以工作