logo标签列表

Bootstrap工具提示箭头颜色

csstwitter-bootstrap
3

我正在尝试通过实现工具提示的模板选项的内联样式，使的红色工具提示替换默认的黑色工具提示：

$(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);
      });

然而，根据这个演示，箭头的三角形状被扭曲成了正方形。

我该如何使用工具提示模板中的内联样式简单解决这个问题？

可能是Styling the arrow on bootstrap tooltips的重复问题。 - vishnu
看看这个答案：https://dev59.com/MGUp5IYBdhLWcg3wRWFD#38279489。 为了给每个方向箭头设置样式，我们需要使用CSS属性选择器选择每个箭头，然后分别对它们进行样式设置。 - vishnu
1个回答
5
将 border-color: red; 改为 border-right-color: red;。
非常感谢。我已经尝试了 border-bottom-color，但似乎它取决于工具提示的定位属性。 - SaidbakR
网页内容由stack overflow 提供, 点击上面的
可以查看英文原文，
原文链接