remove background color from radios and checkboxes for IEs

diff --git a/docs/assets/css/bootstrap.css b/docs/assets/css/bootstrap.css
index e0a7640d74c00572c62e829972f5e4cc4549eb66..cb7aa351684dee386c2538f414ffbef59ef35d5e 100644 (file)
--- 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 b7e0c8dbfab20b3a0813ac3f69cac36927080d89..c9cb00d68325656ad1ae105eb3e85f3177586eb8 100644 (file)
--- 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 eb3be4544a4635b2a951541c5684e146d3ff73ef..da94fa1fa671d834ad2aea2d0e7d1b129ff9b4d1 100644 (file)
--- 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;
+}