Benim sayfa üzerinde jQuery UI düğmesini kullanıyorum, ancak basit bir sorun gibi görünüyor ne başka bir yol bulamadım. İstediğim benim düğmeleri için daha küçük, daha başka, bu olmalıdır gibi basit ayar CSS düğme metni için bir şey gibi, font: .8em; Ancak jQuery UI alır DOM element ve sarar:

<button class="ui-button ui-button-text-only ui-widget ui-state-default ui-corner-all">
   <span class="ui-button-text">Button Label</span>
</button>

Eğer öyleyse <button class="small-button">Small button!</button> jQuery varsa çocuk bir zaman dilimi içinde bu metin yer alacak. Herhangi bir yazı tipi boyutu small-button dersi verdi yok sayılır.

Düğmeleri yapar nasıl hack olmadan bunu engellemenin bir yolu olmalı. Herhangi bir fikir?

font-size ui-button-text doğrudan şekillendirme, uygulayarak daha yüksek bir düzeyde kılabilirsiniz !önemli. Gibi:

.small-button {
   font-size: .8em !important;
}

EDİT: doğrudan .ui-button-text miras için bir CSS stil ayarı deneyin:

.ui-button-text {
   font-size: inherit !important;
} 

Bu da yapmak gerekir !.small-button önemsiz önemli.