HTML：光标显示在只读输入文本中？

假设我们有一个只读的文本框，如下所示：

<input type="text" readonly />

在 IE 9 和 FF 4 中，当我单击此字段时，该字段中会出现一个（不闪烁）光标。然而，在 Chrome 中，光标不显示。 （亲自查看http://jsfiddle.net/hqBsW/ http://jsfiddle.net/hqBsW/.)

我想我明白为什么 IE/FF 选择显示光标，这样用户就知道他或她仍然可以选择字段中的值。

尽管如此，这显然让我们的用户感到困惑，我们希望将 IE/FF 更改为不显示光标，就像 Chrome 所做的那样readonly fields.

有没有办法做到这一点？

我的解决方案，来自 nikmd23 的 jQuery 代码片段，但使用模糊（）函数似乎效果更好

$('input[readonly]').focus(function(){
    this.blur();
});

示例如下：http://jsfiddle.net/eAZa2/ http://jsfiddle.net/eAZa2/

不要使用“disabled”属性，因为当输入是表单的一部分时，不会提交输入