javascript - 更改 Bootstrap 弹出框背景颜色

Question

我正在尝试更改 Bootstrap 弹出窗口上的 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

EXAMPLE HERE

.popover {
    background: tomato;
}

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

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