id	summary	reporter	owner	description	type	status	priority	milestone	component	version	resolution	keywords	cc
12880	Disabled dialog buttons appear the same as enabled dialog buttons	Tyler		"Usking kama skin, if a button is disabled in a dialog via the following:

CKEDITOR.dialog.add('dialog', function () {
  return {
   ...
   onShow: function () {
     this.disableButton('ok');
   }
   ...
  }
});

The button disables properly but no related styling for being disabled are applied and it appears identical to an enabled button.

I was able to fix this with a few CSS overrides:

a.cke_dialog_ui_button_ok.cke_disabled:hover,
a.cke_dialog_ui_button_ok.cke_disabled:focus,
a.cke_dialog_ui_button_ok.cke_disabled:active {
  background-position: 0px -1144px;
}

a.cke_dialog_ui_button_cancel.cke_disabled:hover,
a.cke_dialog_ui_button_cancel.cke_disabled:focus
a.cke_dialog_ui_button_cancel.cke_disabled:active {
  background-position: 0px -1105px;
}
a.cke_dialog_ui_button.cke_disabled:hover,
a.cke_dialog_ui_button.cke_disabled:focus,
a.cke_dialog_ui_button.cke_disabled:active {
  background-position: 0px -1069px;
}

a.cke_disabled {
  opacity: 0.3;
}"	New Feature	confirmed	Normal		UI : Skins	4.0