html - 如何强制类忽略样式设置

Question

我正在使用 Jquery Mobile。当我创建一个输入文本例如 select box 时，它用一些 HTML 包装它。其中一行是:

<span class="ui-icon ui-icon-arrow-d ui-icon-shadow"></span>

在我们的元素中，我们有很多重写这些类，尤其是ui-icon:

.ui-icon {
        background-size: 85px 700px !important;
}

所以我得到了一个包含这些参数的页面，我的所有页面都因此变得困惑。

更改所有元素中的样式需要大量工作，我如何强制我的页面忽略此样式 (background-size)，因为当前类是 ui-icon ?

Answer 1

你不能强制一个类忽略样式(据我所知)。

我认为您唯一的选择(使用 jQuery)是覆盖 background-size

$('.ui-icon').css('cssText', 'background-size: auto auto !important');

请注意，我永远不会推荐这样的编码，如果你必须使用 !important 你就错了很多在 CSS 和 JAVASCRIPT

中