Question

我已经为popover应用了背景颜色。

问题是，如何使用css仅为popover更改背景颜色。

a.top > .popover {
    background-color:red;
}

My code is add here

感谢您的提前帮助

Answer 1

为a

添加自定义类

HTML

<a data-content="Content" data-placement="top" data-toggle="popover" title="" href="#" data-original-title="Header" class="test">top</a>

CSS

.test + .popover.top {
   background-color: red;
 }

Answer 2

这工作得好

.popover.fade.top.in{background-color:white;} 
.popover.fade.bottom.in{background-color:red;} 
.popover.fade.left.in{background-color:yellow;} 
.popover.fade.right.in{background-color:green;}

改变你想要改变的颜色。

http://jsfiddle.net/xxy2uy9x/5/

Answer 3

有两种方法可以解决这个问题：

向一个popover元素添加一个类，并通过在CSS中使用该类来对其进行聚焦（确保在用于所有其他popover的标准样式之后添加它）。
通过计算只调整这一个popover。如果您确实知道它相对于DOM中其他弹出窗口的位置，您可以使用nth-of-type或nth-child选择器选择它。这是一篇精彩的文章，解释了整个概念：http://alistapart.com/article/quantity-queries-for-css

如何仅为一个引导程序弹出窗口更改背景颜色

3 个答案: