使引导插入符出现在IE8中

Question

我现在在IE8中检查了我们的网站,并意识到由于某种原因不再显示插入符号.我从官方的bootstrap文档中复制并粘贴了下面的例子,但是在IE8中查看它不会出现插入符号.如果最近的一些更新打破了IE8中的插入符号,有没有办法让它们恢复？

以下是来自这个JSFiddle的IE8-IE10问题的截图(仅在IE8中丢失了插入符号).

<link href="https://netdna.bootstrapcdn.com/bootstrap/3.3.4/css/bootstrap.min.css" rel="stylesheet"/>
<script src="https://netdna.bootstrapcdn.com/bootstrap/3.3.4/js/bootstrap.min.js"></script>
<div class="btn-group">
  <button class="btn btn-primary dropdown-toggle" data-toggle="dropdown">
    Button <span class="caret"></span>
  </button>
  <ul class="dropdown-menu">
      <li><a href="#">Action</a></li>
  </ul>
</div>

Answer 1

三角形.caret元素使用CSS三角形创建.这似乎是改变border-top-style的.caret,从dashed到solid修复IE8的问题:

.btn .caret {
  border-top-style: solid;
}

<link href="https://netdna.bootstrapcdn.com/bootstrap/3.3.4/css/bootstrap.min.css" rel="stylesheet"/>
<script src="https://netdna.bootstrapcdn.com/bootstrap/3.3.4/js/bootstrap.min.js"></script>
<div class="btn-group">
  <button class="btn btn-primary dropdown-toggle" data-toggle="dropdown">
    Button <span class="caret"></span>
  </button>
  <ul class="dropdown-menu">
      <li><a href="#">Action</a></li>
  </ul>
</div>