Nadpisywanie inline'owych styli w HTML z wykorzystaniem CSS

Wyobraźmy sobie, że mamy kod jak poniżej:

<div id="mceu_44" class="mce-widget mce-btn mce-menubtn mce-listbox mce-last mce-abs-layout-item" tabindex="-1" aria-labelledby="mceu_44-l" role="button" aria-haspopup="true" style="left: 168px; top: 0px; width: 318px; height: 28px;">
    <button id="mceu_44-open" role="presentation" type="button" tabindex="-1" style="height: 100%; width: 100%;">
        <span>Żaden</span> <i class="mce-caret"></i>
    </button>
</div>

Został on wygenerowany przez TinyMCE w wersji zminifikowanej. W jaki sposób można nadpisać style zapisane w elemencie w HTML ? Specjalnie wykorzystuje atrybut id w stylach w celu prezentacji.

Czy coś takiego zadziała ?

#mceu_44 {
	height: 50px;
}

Niestety nie :( A może to ?

#mceu_44 {
	height: 50px !important;
}

Też nie :( Co zrobić ? Grzebiemy w kodzie JavaScriptu... o nie, kod jest zminifikowany... to koniec. Zmieniamy bibliotekę lub robimy inne skomplikowane obejścia jak nadpisywanie przez jQuery tych atrybutów... Czy na prawdę nie da się tego łatwiej zrobić ?!

Odpowiedź brzmi: DA SIĘ ! Jest na to pewien trick.

#mceu_44[style] {
   height: 50px !important;
}

Rozwiązanie to działa w ten sposób, że dla elementu o id mceu_44 sprawdzamy, że posiada on (element HTMLowy) atrybut style. Jeśli posiada, to dla niego zostaną nadpisane wartości.

Uratowani :)