jQuery Ui按钮字体-大小

Question

为了使用我的dataTable用户界面，我最近在我的WEb应用程序中添加了Primefaces。所以我决定把dataTable的字体调高到12px，而不是默认的10px。所以我在我的Css中添加了这个：

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

在某个论坛上发现的.无论如何，我也使用了一个带有来自jquery.ui的styleclass=" button“的按钮，现在它也影响了12px字体的样式，但我想保持按钮字体为10px。

有没有办法只固定按钮的字体大小？或者我必须在上面的代码中添加一些东西，使其只影响dataTable？

该按钮如下所示：

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

在进阶时谢谢！

Answer 1

我花了一段时间才找到它，但我找到了this Stack Overflow Question，上面有一些答案。我用来解决这个问题的方法是将以下代码添加到我的Css中。

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

好了，谢谢你的阅读。我希望这对某些人有帮助。=)