1

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

在 Firefox 中，可以单击具有 readOnly 属性的文本框，而其他浏览器则不能。它给用户一种可以编写文本框的意图。

如何在 Firefox 中避免它？

笔记：

我不想禁用该字段..

4

4 回答 4

7

使用 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/

于 2012-06-09T06:38:16.837 回答
2

you can use javascript to take focus out of input.

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

and use css to style your input so give the user intention that input has been disabled.

EDIT:

check this fiddle

于 2012-06-09T07:04:11.520 回答
1

您只需添加此 CSS。仅适用于火狐：

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

有用！

于 2012-06-09T06:41:28.227 回答
0

只需禁用文本框。

<input type='text' disabled='disabled' />
于 2012-06-09T06:28:19.100 回答