From 28c4bfad71eef0df0af79e629b86a34bcc5083a6 Mon Sep 17 00:00:00 2001 From: JohanGovers Date: Fri, 10 Apr 2015 20:32:03 +0200 Subject: [PATCH 1/2] Correct typo in disabled selector for input and select The selectors for input and select worked for disabled="disabled" but not when only using disabled. This commit changes the selector from input.disabled to input:disabled. --- css/kickstart-forms.css | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/css/kickstart-forms.css b/css/kickstart-forms.css index fb5d84c..57212a2 100755 --- a/css/kickstart-forms.css +++ b/css/kickstart-forms.css @@ -106,7 +106,7 @@ box-sizing: border-box; input::-moz-focus-inner {border:0;} - input[disabled="disabled"], input.disabled{ + input[disabled="disabled"], input:disabled{ color:#999; background:#f5f5f5; -moz-box-shadow:inset 0 0 2px #ddd; @@ -193,7 +193,7 @@ padding:3px; vertical-align: middle; } - select[disabled="disabled"], select.disabled{ + select[disabled="disabled"], select:disabled{ color:#999; background:#f5f5f5; -moz-box-shadow:inset 0 0 2px #ddd; From 03ae6175e1c012733daf006ccc4f1672d629afb2 Mon Sep 17 00:00:00 2001 From: JohanGovers Date: Sun, 12 Apr 2015 13:46:34 +0200 Subject: [PATCH 2/2] Keep support for the disabled class Add input:disabled in addition to input.disabled to keep support for the disabled class. --- css/kickstart-forms.css | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/css/kickstart-forms.css b/css/kickstart-forms.css index 57212a2..1175828 100755 --- a/css/kickstart-forms.css +++ b/css/kickstart-forms.css @@ -106,7 +106,7 @@ box-sizing: border-box; input::-moz-focus-inner {border:0;} - input[disabled="disabled"], input:disabled{ + input[disabled="disabled"], input:disabled, input.disabled{ color:#999; background:#f5f5f5; -moz-box-shadow:inset 0 0 2px #ddd; @@ -193,7 +193,7 @@ padding:3px; vertical-align: middle; } - select[disabled="disabled"], select:disabled{ + select[disabled="disabled"], select:disabled, select.disabled{ color:#999; background:#f5f5f5; -moz-box-shadow:inset 0 0 2px #ddd;