jquery-ui - 如何调整 Jquery ui 按钮集的大小并更改悬停颜色

Question

我正在尝试将 jQuery UI 主题应用于我已成功完成的 ASP.NET 单选按钮列表，但按钮集的字体和大小太大，如何减小按钮集的大小？

我还想知道是否很难更改默认选定按钮的颜色以及将鼠标悬停在按钮上时的颜色。

谢谢

Answer 1

我无法回答悬停问题，但我刚才正在努力缩小我的按钮集大小。可能没有办法让 jQuery UI 完成这项艰巨的工作，但是通过向我的页面添加几个 CSS 调整，我得到了我想要的。

<style>
.ui-widget
{
    font-size: 10pt; /* originally something huge */
}

.ui-button
{
    margin-right: -0.5em !important; /* originally -0.3em */
}
</style>

更改 font-size 以适合您，然后更改 margin-right 直到按钮之间的空间消失。