Internet Explorer中的Bootstrap工具提示边框问题

Question

我在这里使用了bootstrap工具提示：http://getbootstrap.com/javascript/#tooltips

<div class="col-lg-3 col-md-3 col-sm-3 col-xs-5">
   <a class="my-logo" href="http://www.google.com" data-toggle="tooltip" data-placement="right" title="Tooltip">
   <img src="/pathToImage.jpg" alt="image">
   </a>
</div>

当我在IE中尝试时，似乎出现了一个边框（如果使用right展示位置），如下图所示：

该图片来自原始的bootstrap网站。

你能告诉我如何解决它吗？

我添加了

<meta http-equiv="X-UA-Compatible" content="IE=edge">

但同样的事情

由于

Answer 1

可能有更好的解决方案，但这应该有效。

尝试在代码中添加某个地方（在底部）：

.tooltip-inner{
  border: 1px solid black;
}

如果不起作用，请尝试使用！important：

.tooltip-inner{
  border: 1px solid black !important;
}