2013-05-06 184 views
0

我只有一个页面的Jquery日期选择器的格式问题。我以前从未遇到任何问题。JQuery日期选择器格式

在谷歌浏览器中,第一个月在Internet Explorer中没有被抵消。我已经搞乱了CSS - 改变字体大小等,但似乎没有办法。任何帮助,将不胜感激。

铬: Chrome

Internet Explorer中: Internet Explorer

+0

这是因为互联网引爆是最好的浏览器在那里,展示的东西这么多优于铬。 – adeneo 2013-05-06 21:39:38

+0

你确定在Chrome中你没有“缩放”网页吗?有时在使用chrome时,如果缩放或取消缩放页面,CSS和渲染会有一些“问题”。它有时发生在我身上。 – Madthew 2013-05-06 21:42:05

+0

@Madthew我希望是这样,但我没有放大或缩小。 – evanvee 2013-05-06 21:45:24

回答

0

OK,然后,如果它不是变焦...

http://jsfiddle.net/qqMKg/1/

分配到日历组两个类是

UI的日期选择器组UI的日期选择器组第一

所以应该努力做到这一点的方法:

.ui-datepicker-group { 
    margin-right: 20px; 
    padding: 0; 
} 

OR 

.ui-datepicker-group-first { 
    margin-right: 20px; 
    padding: 0; 
} 
+0

因为这是一个只影响你的第一个“组”的问题,你应该使用.ui-datepicker-group-first,中间的日历有.ui-datepicker-group-middle。 – Madthew 2013-05-06 22:02:47

+0

无论如何这种行为真的很奇怪。考虑使用http://necolas.github.io/normalize.css/,这有助于消除这种跨浏览器布局差异。 – Madthew 2013-05-06 22:12:05

+0

你解决了你的问题吗? – Madthew 2013-05-07 12:32:20

0

如果无法访问您的代码很难得到精确的问题,但我猜你只需要显式声明上的paddingselect元素在您的css。 Chrome和Internet Explorer很可能只是用不同的默认padding,并期待在默认JQuery用户界面样式,我没有看到一个padding值被设置为select菜单,所以只需添加一个css规则,看起来像:

.ui-datepicker select.ui-datepicker-month { 
    margin: 0; 
    padding: 0; 
} 
+0

我将这些行添加到了CSS,但没有奏效。代码很长,并认为这是一个CSS问题。 – evanvee 2013-05-06 21:47:50

+0

你能提供一个链接到你的代码和/或把所有东西都扔进jsfiddle吗? – 2013-05-06 21:48:41