From 99a916d5ebfdf5199be0232ac8bf6d569f54f07c Mon Sep 17 00:00:00 2001
From: Mark Otto <markotto@twitter.com>
Date: Mon, 23 Apr 2012 03:05:10 -0700
Subject: [PATCH] remove background color from radios and checkboxes for IEs

---
 docs/assets/css/bootstrap.css | 8 ++++++++
 docs/assets/css/docs.css      | 2 +-
 less/forms.less               | 8 ++++++++
 3 files changed, 17 insertions(+), 1 deletion(-)

diff --git a/docs/assets/css/bootstrap.css b/docs/assets/css/bootstrap.css
index e0a7640d74..cb7aa35168 100644
--- a/docs/assets/css/bootstrap.css
+++ b/docs/assets/css/bootstrap.css
@@ -800,6 +800,7 @@ input[type="radio"] {
 
   line-height: normal;
   cursor: pointer;
+  background-color: transparent;
   border: 0 \9;
   /* IE9 and down */
 
@@ -1061,6 +1062,13 @@ textarea[readonly] {
   border-color: #ddd;
 }
 
+input[type="radio"][disabled],
+input[type="checkbox"][disabled],
+input[type="radio"][readonly],
+input[type="checkbox"][readonly] {
+  background-color: transparent;
+}
+
 .control-group.warning > label,
 .control-group.warning .help-block,
 .control-group.warning .help-inline {
diff --git a/docs/assets/css/docs.css b/docs/assets/css/docs.css
index b7e0c8dbfa..c9cb00d683 100644
--- a/docs/assets/css/docs.css
+++ b/docs/assets/css/docs.css
@@ -11,7 +11,7 @@
 body {
   position: relative;
   padding-top: 90px;
-  background-color: #fff;
+  background-color: red;
   background-image: url(../img/grid-18px-masked.png);
   background-repeat: repeat-x;
   background-position: 0 40px;
diff --git a/less/forms.less b/less/forms.less
index eb3be4544a..da94fa1fa6 100644
--- a/less/forms.less
+++ b/less/forms.less
@@ -98,6 +98,7 @@ input[type="radio"] {
   *margin-top: 0; /* IE7 */
   line-height: normal;
   cursor: pointer;
+  background-color: transparent;
   border: 0 \9; /* IE9 and down */
   .border-radius(0);
 }
@@ -278,6 +279,13 @@ textarea[readonly] {
   background-color: @inputDisabledBackground;
   border-color: #ddd;
 }
+// Explicitly reset the colors here
+input[type="radio"][disabled],
+input[type="checkbox"][disabled],
+input[type="radio"][readonly],
+input[type="checkbox"][readonly] {
+  background-color: transparent;
+}