避免在Firefox中单击readOnly文本框

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/