jQuery UI日历显示太大,想要演示大小？

Question

所以我下载了jQuery的自定义主题UI,并将日历控件添加到我的站点(例如:链接文本).在示例中,它显示/显示我想要的大小,但在我的网页上它大约是两倍大小.为什么？？？

我确实有很多其他CSS但我无法控制页面的外观(无法触及当前的CSS,MEH !!).有没有办法在我的网站上获得演示？

我认为这是jQuery UI可能使事情变得复杂的代码

/* Component containers
----------------------------------*/
.ui-widget { font-family: Arial, Helvetica, Verdana, sans-serif; font-size: 1.1em; }
.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: Arial, Helvetica, Verdana, sans-serif; font-size: 1em; }
.ui-widget-content { border: 1px solid #B9C4CE; background: #ffffff url(../images/ui-bg_flat_75_ffffff_40x100.png) 50% 50% repeat-x; color: #616161; }
.ui-widget-content a { color: #616161; }
.ui-widget-header { border: 1px solid #467AA7; background: #467AA7 url(../images/ui-bg_highlight-soft_75_467AA7_1x100.png) 50% 50% repeat-x; color: #fff; font-weight: bold; }
.ui-widget-header a { color: #fff; }

它是Custom UI CSS的一部分

Answer 1

我想到了.正是字体大小抛弃了整个东西.我添加了此标记以正确显示我想要的大小:

#ui-datepicker-div { font-size: 12px; } 

如果其他人需要这样的东西,效果很好

Answer 2

.ui-widget{ font-size: 0.8em; }

这是解决方案,但是,我不知道的是你是否将它放入头元素中:

<style type="text/css">
.ui-widget { font-family: Lucida Grande, Lucida Sans, Arial, sans-serif; font-size: 0.8em; }
</style>

它会覆盖其他设置,因此您仍然可以加载google托管的css但是使用它来覆盖它=)

Answer 3

要修复日历控件的大小,请更改:

.ui-widget { font-family: Lucida Grande, Lucida Sans, Arial, sans-serif; font-size: 1.1 em; }

对此:

.ui-widget { font-family: Lucida Grande, Lucida Sans, Arial, sans-serif; font-size: 0.8em; }

有关详细说明,请访问 - http://blog.greatdevelopers.com/?p=33

Answer 4

如果要为所有jQuery的小部件设置字体大小或字体系列,最好设置如下内容:

.ui-widget {
    font-size: .7em;
}

在调用加载jQuery UI CSS文件之后.

所有jQuery UI组件都是小部件,并.ui-widget在顶级继承样式.