javascript - How to make my entire popover backgorund color change -


my problem arrow thing in popover didn't change , still color white.

current code:

http://jsfiddle.net/gzsh6/19/

css:

.popover {     background: #be7979;     color: white;     border-bottom-color: #be7979;     border-top-color: #be7979;     border-left-color: #be7979;     border-right-color: #be7979; } 

you have change css selector this:

.popover.bottom > .arrow:after {     border-bottom-color: #be7979;     <-----------// replace white color #be7979     border-top-width: 0;     content: " ";     margin-left: -10px;     top: 1px; }  .popover.top > .arrow {    border-bottom-width: 0;    border-top-color: #be7979;    bottom: -11px;    left: 50%;    margin-left: -11px; }  .popover.right > .arrow:after {    border-left-width: 0;    border-right-color: #be7979;    bottom: -10px;    content: " ";    left: 1px; }  .popover.left > .arrow:after {     border-left-color: #be7979;     border-right-width: 0;     bottom: -10px;     content: " ";     right: 1px; } 

fiddle


Comments

Popular posts from this blog

c++ - OpenCV Error: Assertion failed <scn == 3 ::scn == 4> in unknown function, -

php - render data via PDO::FETCH_FUNC vs loop -

The canvas has been tainted by cross-origin data in chrome only -