Question

我们在旧系统上使用ui-datepicker。它通过向div添加样式来设置组件样式，例如

<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;">

我们如何覆盖添加的样式（它不适用于移动设备......）

Answer 1

我们如何覆盖添加的样式

覆盖内联样式的一种方法是在外部CSS样式表的每个属性/值上使用<article class="item"> <div class="card"> <figure class="card--front"> <div class="logo"></div> <i class="icon icon--info-circled">more</i> </figure> <figure class="card--back"> <i class="icon icon--cancel-circled">close</i> </figure> </div> </article>。

!important

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

Answer 2

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

当触发datepicker对象时，在页面加载后动态添加style属性，因此分配给“#ui-datepicker-div”的任何样式属性都被覆盖，有或没有“！important”。

我的工作是在触发datepicker后重新分配我的样式：

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

在我的情况下，单击具有ID日期的元素以显示datepicker对象。希望这有帮助！

如何覆盖jquery ui-datepicker样式？

2 个答案: