Use CSS hack to fix IE8 .caret regression introduced by #15697; fixes #16172

[skip sauce]
[skip validator]

diff --git a/dist/css/bootstrap.css b/dist/css/bootstrap.css
index 1baf38df7c84711e3dae21ad10b5d7e5f5bff582..789ab199282fcf5bf846d66353aff719f2a78785 100644 (file)
--- a/dist/css/bootstrap.css
+++ b/dist/css/bootstrap.css
@@ -3561,6 +3561,7 @@ tbody.collapse.in {
   margin-left: 2px;
   vertical-align: middle;
   border-top: 4px dashed;
+  border-top: 4px solid\9;
   border-right: 4px solid transparent;
   border-left: 4px solid transparent;
 }

diff --git a/less/dropdowns.less b/less/dropdowns.less
index af344607bd967350aab19a91d8f069eee20b4230..f47a4bce8b7f9dbfd82a20b4c75b0cfb2241b8d0 100644 (file)
--- a/less/dropdowns.less
+++ b/less/dropdowns.less
@@ -11,6 +11,7 @@
   margin-left: 2px;
   vertical-align: middle;
   border-top:   @caret-width-base dashed;
+  border-top:   @caret-width-base ~"solid\9"; // IE8
   border-right: @caret-width-base solid transparent;
   border-left:  @caret-width-base solid transparent;
 }