Twitter bootstrap 引导工具提示箭头颜色

我试图通过实现工具提示的模板选项的内联样式，获得红色工具提示，而不是默认的黑色工具提示，如下所示：

$(document).ready(function(){
        options = {
          container: 'body',
          placement: 'right',
          template: '<div class="tooltip" role="tooltip"><div class="tooltip-arrow" style="color: red; border-color: red;"></div><div class="tooltip-inner" style="background-color: red;"></div></div>'
        };
        $('#lnk').tooltip(options);
      });

$（文档）.ready（函数（）{
选项={
容器：'主体'，
位置：'对'，
模板：“”
};
$（'#lnk'）。工具提示（选项）；
});

但是，根据，箭头的三角形形状扭曲，变成正方形

---

如何简单地使用工具提示模板中的内联样式解决此问题？

更改

边框颜色：红色至<代码>边框右侧颜色：红色
非常感谢。我已经尝试了
边框底部颜色
，但是，它似乎取决于工具提示的放置属性。可能重复此答案：。要设置每个方向箭头的样式，我们必须使用CSS属性选择器选择每个箭头，然后分别设置它们的样式。