html - 避免在 Firefox 中单击只读文本框

Question

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

在 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/