jQuery Ui按钮字体大小

Question

我最近将Primefaces添加到我的WEb应用程序中,以便使用它的dataTable UI.所以我决定将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

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

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

这照顾它,谢谢阅读.我希望这有助于某人.=)