jquery - 如何在不填充的情况下更改引导弹出框箭头边框颜色？

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

小提琴

Answer 2

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

updated fiddle