禁用文本框而不更改样式？

Question

如何在不让浏览器更改文本框的视觉外观的情况下禁用HTML文本框？

我们用JQuery禁用: $(".datepick").attr('readonly', 'readonly');

工作正常,但在Firefox中,文本框显示为灰色背景和粗边框.我们希望防止这种情况发生.

我们这样做的原因是将JQuery日期选择器文本框设置为只读(因此用户必须使用日历弹出区域).

Answer 1

你可以通过模糊文本输入来实现focus:

$('.datepick').focus(function(){
    this.blur();
});

或者,您可以在输入中禁用文本输入:

$('.datepick').keydown(function(e){
    e.preventDefault();
});