更改bootstrap popover背景颜色 [英] Change bootstrap popover background color

问题描述

我试图在bootstrap popover上更改CSS。

I am trying to change the CSS on a bootstrap popover. I want to change the entire popover background, not just the text.

有任何建议吗？

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;
 }

推荐答案

c $ c> .popover 元素而不是 #popOverBox

You would target the .popover element as opposed to #popOverBox

这里的例子

.popover {
    background: tomato;
}

要更改箭头的背景：

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

这篇关于更改bootstrap popover背景颜色的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！