Fix that down arrow for dropdowns is broken in Edge and Internet Explorer (#31147, #31358).

Patch by Marius BALTEANU.


git-svn-id: http://svn.redmine.org/redmine/trunk@18163 e93f8b46-1217-0410-a6f0-8f06a7374b81

1 files changed, 12 insertions, 2 deletions

diff --git a/public/stylesheets/application.css b/public/stylesheets/application.css
index af34a8c88..a34c4110b 100644
--- a/public/stylesheets/application.css
+++ b/public/stylesheets/application.css
@@ -457,7 +457,10 @@ select {
   -ms-appearance: none;
   -o-appearance: none;
   appearance: none;
-  background: #fff url(../images/arrow_down.png) no-repeat calc( 100% - 7px) 50%;
+  background-color: #fff;
+  background-image: url(../images/arrow_down.png);
+  background-repeat: no-repeat;
+  background-position: calc(100% - 7px) 50%;
   padding-right: 20px;
 }
 input[type="file"] {border: 0; padding-left: 0; padding-right: 0;}
@@ -1610,7 +1613,6 @@ img.filecontent.image {background-image: url(../images/transparent.png);}
   overflow:hidden;
 }
 
-
 img {
   image-orientation: from-image;
 }
@@ -1625,3 +1627,11 @@ img {
   max-height: 100%;
   max-width: 100%;
 }
+
+/* Fixes for IE 11 */
+@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
+  select::-ms-expand {
+    display: none;
+  }
+  select[multiple=multiple] {padding-right: 0;}
+}