如何覆盖jquery ui日期选择器样式？

我们正在旧系统上使用ui日期选择器。例如，它通过添加到div a样式来设置组件样式

<div id="ui-datepicker-div" class="ui-corner-all ui-datepicker ui-helper-clearfix ui-widget ui-widget-content" style="left: 1078px; position: absolute; top: 316px; z-index: 100; display: block;">

我们如何覆盖添加的样式（它在移动设备中不起作用…）

我们如何覆盖添加的样式

覆盖内联样式的一种方法是使用

！重要信息

在外部CSS样式表的每个属性/值上

#ui-datepicker-div{
   left: 1078px !important; 
   position: absolute !important; 
   top: 316px !important;
   ....
   ....
}

然后只包括所有其他必要的属性/值对

我们如何覆盖添加的样式

覆盖内联样式的一种方法是使用

！重要信息

在外部CSS样式表的每个属性/值上

#ui-datepicker-div{
   left: 1078px !important; 
   position: absolute !important; 
   top: 316px !important;
   ....
   ....
}

然后只包括所有其他必要的属性/值对

---

我也遇到了这个问题，因此向未来用户发布了我的解决方案：

页面加载后，当触发datepicker对象时，会动态添加样式属性，因此分配给“#ui datepicker div”的任何样式属性都会被重写，无论是否带有“！important”

我的工作是在触发日期选择器后重新分配样式：

        $('#date').click(function () {
            $("#ui-datepicker-div").css('z-index', '9999');
        });

---

在我的例子中，单击ID为date的元素以显示datepicker对象。希望这有帮助

我也遇到了这个问题，因此为未来用户发布了我的解决方案：

页面加载后，当触发datepicker对象时，会动态添加样式属性，因此分配给“#ui datepicker div”的任何样式属性都会被重写，无论是否带有“！important”

我的工作是在触发日期选择器后重新分配样式：

        $('#date').click(function () {
            $("#ui-datepicker-div").css('z-index', '9999');
        });

---

在我的例子中，单击ID为date的元素以显示datepicker对象。希望这有帮助

请解释你的问题多一点。该网站是当datepicker在手机中打开时，它在右边，隐藏在左边，我想把它放在左边。这是一个图像，当它是确定的（不是移动的）为此，你需要写你的内联css在头标签，然后只有你可以覆盖它。没有工作，你从内联删除？？请解释你的问题多一点。该网站是当日期采集器是在移动的右侧和隐藏我想把它放在左侧。这是一个图像，当它正常（不是移动的）时，你需要在head标记中写入内联css，然后只有你才能覆盖它。没有工作，你从内联中删除了吗？我尝试过，，，没有工作-我假设js inside datepicker在每次打开窗口时都会放入样式open@user1726407是 啊这也是一种可能性，但是我会考虑其他的解决办法，因为这是典型的重写内联样式的方法。我试过，没有用。我假设数据窗口内的JS每次窗口都放样式。open@user1726407是 啊这也是一种可能性，但之后我会考虑其他解决方案，因为这是重写内联样式的典型方法。