使 bootstrap 插入符号出现在 IE8 中

Question

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

这是 screenshots from this 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 三角形创建的。似乎将 .caret 的 border-top-style 从 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>

使 bootstrap 插入符号出现在 IE8 中

Make bootstrap carets appear in IE8

css

twitter-bootstrap

twitter-bootstrap-3