更改bootstrap popover背景颜色

Question

我试图在bootstrap popover上更改CSS.我想改变整个弹出窗口背景,而不仅仅是文本.

有什么建议？

http://bootply.com/110002

$(document).ready(function() {
  $("[rel='android']").popover({
    html: 'true', 
    content: '<div id="popOverBox">Coming March 2014</div>'
   });
});

CSS

 #popOverBox {
     background: tomato;
     font-family: serif;
 }

Answer 1

您将针对.popover元素而不是#popOverBox

这里的例子

.popover {
    background: tomato;
}

要更改箭头的背景(伪元素),您可以使用:

.popover.bottom .arrow:after {
    border-bottom-color: tomato;
}