Css 如何覆盖寻呼机默认的上下页边距

看起来引导程序在寻呼机的顶部和底部都有10px的边距，我想把它减少到2px，并且使寻呼机的高度稍微小一点。我使用的代码来自xsnippets.openNTF，如下所示：

<xp:pager partialRefresh="true" id="pager1" for="repeat1"
    panelPosition="left" styleClass="bootstrapPager">
    <xp:pagerControl type="Previous" id="pagerControl1"
        styleClass="bootstrapPagerPrevious">
    <xp:this.value><![CDATA[«]]></xp:this.value>
    </xp:pagerControl>
    <xp:pagerControl type="Group" id="pagerControl2"
            styleClass="bootstrapPagerMiddle">
    </xp:pagerControl>
    <xp:pagerControl type="Next" id="pagerControl3"
        styleClass="bootstrapPagerNext">
        <xp:this.value><![CDATA[»]]></xp:this.value>
    </xp:pagerControl>
</xp:pager>

并将上下页边距更改为2px。添加css作为资源，但寻呼机页边距似乎没有改变。可能还有其他一些设置需要更改。正如我所读到的，这个类应该覆盖主bootstrap.css

编辑 如果我将disable Theme设置为true，那么它似乎会删除边距，但同时也会删除所有附加样式，这也不好。 这是寻呼机的外观（尚未连接到repeat，但这不重要。主要问题是它占用的垂直空间量。当我检查Chrome中的元素时，它看起来非常像是从主引导css获取值

比尔

不确定这是否可行，但请尝试将

！important

添加到您的CSS选择器。这在过去对我有效。在我的例子中，它是OneUI，但概念是相同的。这假设样式正在应用，但被覆盖

.bootstrapPager {
  display: inline-block;
  padding-left: 0;
  border-radius: 4px;
  margin-left: 10px;
  margin-bottom: 2px !important;
  margin-top: 2px !important;
  line-height: 1.42857;
}

要了解更多信息，我在去年遇到类似问题时写了一篇关于这个主题的博文：

注意：我从来没有很幸运尝试过使用“禁用主题”功能。

比尔

不确定这是否可行，但请尝试将

！important

添加到您的CSS选择器。这在过去对我有效。在我的例子中，它是OneUI，但概念是相同的。这假设样式正在应用，但被覆盖

.bootstrapPager {
  display: inline-block;
  padding-left: 0;
  border-radius: 4px;
  margin-left: 10px;
  margin-bottom: 2px !important;
  margin-top: 2px !important;
  line-height: 1.42857;
}

要了解更多信息，我在去年遇到类似问题时写了一篇关于这个主题的博文：

---

注：我从来没有太多的运气尝试我们的“禁用主题”功能。

您使用的是什么版本的引导？您还可以创建一个提琴。如果我必须猜到问题的原因，我会说这与您的css选择器不够强大有关。与XPages 9.0.1扩展库捆绑在一起的引导3。您使用的是什么版本的引导？您还可以创建一个提琴。如果必须的话ss问题我想说这与你的css选择器不够强有关。Bootstrap 3与XPages 9.0.1扩展库捆绑在一起。这没有起作用。我假设页面先加载Bootstrap.css，然后加载my over-ride.css，但它看起来可能是以另一种方式进行的。我会看看你的博客。这是最令人费解的，我不是一个css专家，但据我所知，这就是你如何在css中凌驾于一个类之上。我假设这个问题与特殊性有关，但在这种情况下，我不太明白如何提高凌驾于css中的特殊性。我想我可以从一个关于特殊性的新问题开始e链接到我的新更具体（双关语）问：您是否使用主题最后加载自定义CSS？我建议这样做是为了确保您的CSS最后加载。您是否使用Inspect元素检查您的样式。bootstrapPager是否确实已应用？不确定如何执行该操作，但没有。我假设页面先加载bootstrap.CSS，然后加载my over-ride.CSS，但是我会看看你的博客。这是最令人费解的，我不是一个css专家，但据我所知，这就是你如何在css中超越一个类。我假设这个问题与特殊性有关，但在这种情况下，我不太明白如何在未来提高特殊性-骑乘css。我想我可能会把这个问题作为一个新的具体问题开始。这里是我新的更具体（双关语）的链接问：您是否使用主题最后加载自定义CSS？我建议您这样做，以确保您的CSS最后加载。您是否使用Inspect元素检查您的样式。bootstrapPager是否确实已应用？不确定如何执行该操作