jQuery UI元素太大了

Question

几乎没有任何代码或样式.似乎jQuery UI元素(在这种情况下 - 选择菜单和按钮)太大了.默认情况下,它们应该非常小,不会高于这句话的最大高度.

我直接从他们的网站上获取了jQuery UI CSS,我同样从该项目创建者的网站上获取了jQuery选择菜单CSS.即使使用默认代码,问题也没有变化.

有帮助吗？

Answer 1

是啊.我不明白为什么这是JQuery UI中的默认设置.我认为没有人想要那么大的按钮.

这是我如何解决它.将其添加到html文件的<head>.

<style type="text/css">
    /* make default button size sane */
    .ui-button-text {
        font-size: .6em;
    }
</style>

Answer 2

这是因为以下样式(style.css,第10行):

#main {
    margin-top: 25px;
    text-align: center;
    font-size: 25px;
}

你有很大的字体大小#main,并且因为jQuery UI正确地继承了其他样式,所以按钮也很大.

将上面的代码段更改为以下代码,它看起来会更好(至少是按钮):

#main {
    margin-top: 25px;
    text-align: center;
    font-size: 10px;
}