如何通过JQuery在只读，textarea中显示闪烁的文本光标？

Question

在一个事件中，texarea被设置为只读。但是当用户单击它时，它会在textarea中显示文本光标闪烁。

<textarea readonly="readonly"></textarea>

小提琴：https://jsfiddle.net/foeyo7qc/

要求： textarea应该是readonly（不是禁用）;但点击它时，文本光标不应显示为闪烁。

有没有办法通过jQuery做到这一点？

更新：

浏览器：IE-10 + Mozilla最新 Chrome最新

Answer 1

尝试将此添加到您的<textarea>标记或类：

textarea{
    ...
    color : transparent;
}

这应该伪造你想要的效果。

修改

如果您需要插入一些文字，则无用。

Answer 2

尝试将font-size设为0， 您现在必须为height设置width和<textarea>，但

textarea{
    width:200px;
    height:100px;
    font-size : 0;
}

Answer 3

以下片段帮我解决了问题：

month_name