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

Question

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

<input type="text" readonly />

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

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

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

有办法吗？

Answer 1

我的解决方案，来自 nikmd23 的 jQuery 片段，但使用 blur() 函数似乎效果更好

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

Example here: http://jsfiddle.net/eAZa2/

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