Estilo de un input disabled no aparece cuando lo cambio con JS

[Bram]

Bien, en mi página he dado estilo a todos mis botones. También he querido dar un estilo cuando los botones estan desactivados. Lo he heco así:

input[disabled="disabled"]{
color: #7676f2;
background-color: #d1e5f9;
border: #7676f2 solid 1px;
}

Funciona. He probado de poner "disabled="disabled"" a un input i aparece el estilo indicado.

El problema es cuando modifico el atributo "disabled" mediante Javascript.

Lo hago así:
document.getElementById('recalcularPueblos').disab led=false;

I funciona. El problema es que el estilo no cambia y nose como tengo que hacerlo.
El problema que tengo supongo es que el navegador no "repinta el boton" y, por lo tanto, no se carga el nuevo estilo.

Además el tema es bastante problemático, ya que, al dar estilo a los botones, cuando estan disabled aparecen exactamente igual y el usuario no sabe si estan desactivados o no...