假设我们有一个只读文本框，如下所示：
<input type="text" readonly />
在 IE 9 和 FF 4 中，当我单击该字段时，该字段中会出现一个（不闪烁的）光标。但是，在 Chrome 中，光标不显示。 （请参阅http://jsfiddle.net/hqBsW/。）
我想我理解为什么 IE/FF 选择显示光标——这样用户就知道他或她仍然可以选择字段中的值。
尽管如此，这显然让我们的用户感到困惑，我们希望将 IE/FF 更改为不显示光标，就像 Chrome 对 readonly 字段所做的那样。
有没有办法做到这一点？
【问题讨论】：
pointer-events: none; CSS 属性。
我的解决方案，来自 nikmd23 的 jQuery sn-p，但使用 blur() 函数似乎效果更好
$('input[readonly]').focus(function(){
this.blur();
});
Example here: http://jsfiddle.net/eAZa2/
不要使用“disabled”属性，因为输入是表单的一部分时不会提交
【讨论】：
$('input').focus(function(){ if ($(this).is('[readonly]')) this.blur()});
听起来像个错误！
a similar bug (396542) 用 Mozilla 打开，说光标应该在 readonly 输入中闪烁——但这种行为感觉不对，闪烁的光标应该意味着，“你可以在这里输入。”
您应该评论该错误和/或提交新错误（Mozilla here 和 Microsoft here）！
与此同时，按照@nikmd23 的建议，使用disabled 或使用JavaScript 更改行为似乎是最好的解决方法。
【讨论】：
pointer-events: none; CSS 属性。
如果将readonly属性更改为disabled，将无法点击输入框，因此不会有光标。
根据浏览器的不同，您也可能无法选择文本。
我在这里提供了各种输入状态的示例：http://jsfiddle.net/hqBsW/1/
另一种选择是，当用户关注给定的输入元素时，您可以强制进行文本选择。控制行为的这种变化将更容易让用户了解输入受到限制的事实，并且如果这是最终用例，则允许他们非常轻松地进行复制。
使用 jQuery，您可以这样编写选择代码：
$('input[readonly]').focus(function(){
this.select();
});
我已更新示例以显示此行为的实际效果：http://jsfiddle.net/hqBsW/2/
【讨论】：
可以使用html和javascript来完成
<input type="text" onfocus="this.blur()" readonly >
或全局使用 jQuery
$(document).on('focus', 'input[readonly]', function () {
this.blur();
});
【讨论】：
对于仅CSS 的修复，请使用：
input[readonly] {
pointer-events: none;
}
【讨论】：
我找到的唯一方法是
//FIREFOX
$('INPUT_SELECTOR').focus(function () {
$(this).blur();
});
//INTERNET EXPLORER
$('INPUT_SELECTOR').attr('unselectable', 'on');
KENDO
$('.k-ff .k-combobox>span>.k-input').focus(function () {
$(this).blur();
});
$('.k-ie .k-combobox>span>.k-input').attr('unselectable', 'on');
【讨论】：
你可以使用css：
input {pointer-events:none;}
参考：https://developer.mozilla.org/pt-BR/docs/Web/CSS/pointer-events
【讨论】：