css - jQuery Ui 按钮字体大小

Question

我最近将 Primefaces 添加到我的 WEB 应用程序中，以便使用它的 dataTable UI。所以我决定将 dataTable 的字体大小增加到 12px，而不是它自带的默认 10px。所以我将它添加到我的 CSS 中：

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

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

有没有办法修复按钮的字体大小？还是我必须在上面的代码中添加一些东西才能让它只影响数据表？

该按钮如下所示：

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

Answer 1

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

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

这照顾它，感谢阅读。我希望这对某人有所帮助。=)