与jQuery UI和Wordpress的CSS冲突问题

与jQuery UI和Wordpress的CSS冲突问题,jquery,css,wordpress,Jquery,Css,Wordpress,我已经为这个问题苦思冥想了好几天了,但我似乎找不到错误所在 有问题的网站是这样的 如果您查看此处的日历,它将溢出其容器,并忽略样式。单击以查看日历的其他实例。如果你注意到在这两个地方,它是拉相同的CSS。我试图编辑CSS,而jQuery和主页日历没有响应 现在导航到这两个页面,从完全相同的.php文档中提取,但它们的呈现方式不同。在这个页面上,日历看起来合适,但其他内容不合适 我们更进一步,创建了一个测试站点。测试站点正确加载日历 需要注意的一些事项: 这是在WordPress 3.4.2上构建

我已经为这个问题苦思冥想了好几天了,但我似乎找不到错误所在

有问题的网站是这样的

如果您查看此处的日历,它将溢出其容器,并忽略样式。单击以查看日历的其他实例。如果你注意到在这两个地方,它是拉相同的CSS。我试图编辑CSS,而jQuery和主页日历没有响应

现在导航到这两个页面,从完全相同的.php文档中提取,但它们的呈现方式不同。在这个页面上,日历看起来合适,但其他内容不合适

我们更进一步,创建了一个测试站点。测试站点正确加载日历

需要注意的一些事项: 这是在WordPress 3.4.2上构建的。 然后升级到3.9.2,以适应重力形式。 这也是一个多站点


我被难住了,如果需要更多信息,请告诉我任何帮助都会很好。

他们使用的CSS不同。坏的一个是从wrhsac.org/datepicker.CSS?ver=1.8.4中提取CSS,而功能正常的一个只是从style.CSS和jquery-ui.CSS中提取CSS

您可以在大多数浏览器中点击F12,并在页面加载后检查页面上的元素。然后您可以确切地看到CSS对元素的影响


此外,通过点击F12并在HTML中展开“head”标记,您将看到两个页面上的样式表引用非常不同。您应该删除对wrhsac.org/datepicker.css?ver-1.8.4的引用,或者从该文件中删除ui datepicker样式以避免冲突。

哇,我真不敢相信我错过了!明白了:它是从重力表单中的css文件夹中提取datepicker.css的,它们是冲突的。我们把它从文件夹中删除了,维奥拉!谢谢你的帮助没问题。CSS冲突非常常见,因为文件太多了。如果需要,您可以随时修改它们(删除它可能会对另一个页面产生负面影响)-但请记住,F12是您最好的朋友(在点击F12后,花了大约15秒才找到这个!)!