css - 我们如何更改 Bootstrap 弹出窗口中箭头的颜色？

Question

  <div class="  affix  popover right" id ="one" style="margin-left:8em;margin-top:10em;  width:15em;background-color:rgba(228,19,47,0.9);padding:5px;border-radius:10px;">
    <div class="arrow" style="margin-top:-45px;"></div> 
    <center style="padding:20px;"><b>this is the message</b></center>
 </div>

此代码创建带有箭头的弹出窗口，我们如何更改此箭头的颜色。

Answer 1

使用此 css 更改 pseudo 的右边框颜色元素:

.popover.right .arrow:after {
  border-right-color: red;
}

# DEMO