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

1 files 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