使引导插入符出现在IE8中

Question

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

以下是来自IE8-IE10问题screenshots的JSFiddle（IE8中仅缺少插入符号）。

＆＃13;

＆＃13;

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

＆＃13;

＆＃13;

＆＃13;

Answer 1

使用CSS三角形创建三角形.caret元素。似乎将border-top-style的{​​{1}}从.caret更改为dashed修复了IE8的问题：

＆＃13;

＆＃13;

solid

＆＃13;

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

＆＃13;

＆＃13;

＆＃13;