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

前端之家收集整理的这篇文章主要介绍了jQuery UI日历显示太大,想要演示大小?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
所以我下载了一个用于jQuery的自定义主题UI,并将日历控件添加到我的网站(示例: link text)。在示例中,它显示/显示我想要的大小,但在我的网页上是大约两倍的大小。为什么???

我有很多其他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,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; }

它是自定义UI CSS的一部分

解决方法

我想到了。这是把整个事情扔掉的字体大小。我添加了此标签以正确显示我想要的大小:
#ui-datepicker-div { font-size: 12px; }

如果任何人需要这样的东西,效果很好

猜你在找的jQuery相关文章