如何在不填充的情况下更改bootstrap popover箭头边框颜色？

Question

我想改变弹框箭头的边框颜色.当我应用边框颜色时,箭头本身就会填满颜色.

我想只给出箭头边框的颜色和弹出体.

<p>Click on button to see Popover</p>

<a href="#" id="example" class="btn btn-primary" rel="popover"
   data-content="This is the body of Popover"
   data-original-title="Creativity Tuts">pop
</a>

$(function () {
    $('#example').popover();
});

演示

Answer 1

你改变了.popover.right .arrow.因此,更改.arrow:after将改变箭头的"填充"颜色,因为您看到我设置为灰色.

.popover.right .arrow {
  border-right-color: aqua;
}

小提琴