Предотвратить нажатие курсора на отключенной кнопке

Возможный дубликат:
jQuery mouseover отключенная ссылка, как мне изменить курсор, чтобы он не отображался кликабельным?

У меня есть кнопка, которую я пытаюсь отключить в некоторых случаях, когда ее функция не нужна или невозможна. Это одна из многих кнопок на странице, и я хочу отключить эту конкретную кнопку.

Эффект, который я искал, - это сделать его серым, непривлекательным, а указатель мыши не будет меняться на указатель руки при наведении курсора на кнопку.

Я успешно преуспел в первых двух задачах, но не уверен, как сделать третий. Когда я искал, я видел предложения по глобальному отключению этого поведения, но не для конкретной кнопки.

Вот что я до сих пор.

if(buttonIsDisabled)
{
    var btnid ="#button"+index;
    $(btnid).attr("disabled","disabled").fadeTo(500,0.2);
}

Это успешно делает кнопку незаметной и исчезает, но в Firefox и Chrome она все еще показывает значок руки при зависании. IE8 (который я также должен поддерживать) правильно отключает руку и показывает курсор.

Любые предложения по обеспечению соблюдения поведения IE в Chrome и Firefox?

Ответ 1

Вы можете установить правило "курсор" на значение "по умолчанию". В jQuery вы можете использовать метод css.

$(btnid).css("cursor", "default");

Поскольку вы уже используете $(btnid), вы можете просто соединить вызовы, например:

$(btnid).attr("disabled","disabled").css("cursor", "default").fadeTo(500,0.2);

Ответ 2

Вы также можете установить стиль cursor: default на кнопку.

Ответ 3

Вы можете установить css следующим образом:

$(btnid)
  .attr("disabled","disabled")
  .css('cursor','default')
  .fadeTo(500,0.2);