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

diff --git a/less/forms.less b/less/forms.less
index 0fa85d8502a007bde8f7b7bf1f6f67635e90ba45..910c1e13b8826574f5a8d05d27a51a4f689b0426 100644 (file)
--- 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