From df78c8956d16f7128b853cf712f88dc79774d409 Mon Sep 17 00:00:00 2001
From: Mark Otto <markd.otto@gmail.com>
Date: Thu, 18 Jun 2015 16:32:30 -0700
Subject: [PATCH] Follow up to #16529 (remove select caret in IE10+)
- Update comment as recommended by @cvrebert
- Use `transparent` for `background-color` so we don't need to override that value again in the disabled state.
- Remove disabled changes.
/cc @wonsong
---
less/forms.less | 6 ++----
1 file changed, 2 insertions(+), 4 deletions(-)
diff --git a/less/forms.less b/less/forms.less
index 0fa85d8502..910c1e13b8 100644
--- a/less/forms.less
+++ b/less/forms.less
@@ -132,10 +132,10 @@ output {
// Placeholder
.placeholder();
- // Removes the border and background color around the caret in IE
+ // Unstyle the caret on `<select>`s in IE10+.
&::-ms-expand {
border: 0;
- background-color: @input-bg;
+ background-color: transparent;
}
// Disabled and read-only inputs
@@ -145,8 +145,6 @@ output {
// don't honor that edge case; we style them as disabled anyway.
&[disabled],
&[readonly],
- &[disabled]::-ms-expand,
- &[readonly]::-ms-expand,
fieldset[disabled] & {
background-color: @input-bg-disabled;
opacity: 1; // iOS fix for unreadable disabled content; see https://github.com/twbs/bootstrap/issues/11655
--
GitLab