jQuery Ui button font-size

Question

Ich habe vor kurzem meiner WEB-App Primefaces hinzugefügt, um das dataTable UI zu verwenden. Also habe ich beschlossen, die Schriftgröße der dataTable auf 12px anstatt der Standard 10px zu erhöhen. so habe ich das meinen Css:

.ui-widget,   .ui-widget .ui-widget {     
font-size: 12px !important;   
} 

gefunden, dass irgendwo in einem Forum ... wie auch immer, ich war auch eine Schaltfläche mit dem styleclass = „Button“ verwendet, die aus dem jquery.ui kommt und jetzt ist es hat diesen Stil auch auf eine 12px-Schriftart beeinflusst, aber ich wollte die Tastenschrift auf 10px halten.

gibt es eine Möglichkeit, die Schriftgröße für nur die Schaltfläche zu beheben? Oder muss ich etwas zu dem obigen Code hinzufügen, damit er nur die dataTable beeinflusst?

die Schaltfläche sieht wie folgt aus:

<h:commandButton id="auditButton" action="#{auditBB.actionSearch}" styleClass="button" value="Search"></h:commandButton> 

Vielen Dank im fortgeschrittenen!

Answer 1

Es dauerte eine Weile, bis ich es fand, aber ich fand this Stack Overflow Question und es hat ein paar Antworten darauf. Die eine, die ich verwendet habe, um mein Problem zu lösen, bestand darin, den folgenden Code in mein Css einzufügen.

.ui-button, .ui-button-text .ui-button{ 
font-size: 10px !important; 
} 

Das kümmerte sich darum, Thanksfor lesen. Ich hoffe, das hilft jemandem. =)