remove background color from radios and checkboxes for IEs

twbs · Apr 23, 2012 · 99a916d · 99a916d
1 parent 192cb57
commit 99a916d
Show file tree

Hide file tree

Showing 3 changed files with 17 additions and 1 deletion.
diff --git 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
@@ -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
@@ -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;
+}