Question

如何避免在firefox中单击readonly文本框？

在Firefox中，可以单击具有readOnly属性的文本框，而不像其他浏览器那样。它为用户提供了可以编写文本框的意图..

如何在firefox中避免使用？

注意：

我不想禁用该字段..

Answer 1

使用CSS

[readonly]{
    cursor: auto;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

演示：http://jsfiddle.net/rR6dk/2/

Answer 2

你可以使用javascript从输入中获得焦点。

$("input").focus(function(){
       $(this).blur();
});

并使用css为您的输入设置样式，以便为用户提供已禁用输入的意图。

修改

检查此fiddle

Answer 3

您可以添加此CSS。仅适用于Firefox：

[readonly]{
    cursor: default;
    -moz-user-select: none;
    user-select: none;
}

有效！

Answer 4

只需停用文本框。

<input type='text' disabled='disabled' />

避免在Firefox中单击readOnly文本框

4 个答案: