diff --git a/packages/core/forms/src/components/FormGenerator.vue b/packages/core/forms/src/components/FormGenerator.vue
index f6bc99e556..85a1d756ae 100644
--- a/packages/core/forms/src/components/FormGenerator.vue
+++ b/packages/core/forms/src/components/FormGenerator.vue
@@ -599,9 +599,18 @@ export default {
width: 10px;
}
+ &:disabled {
+ background-color: $kui-color-background-disabled;
+ border-color: $kui-color-border-neutral-weak;
+ }
+
&:checked:after {
background-color: currentColor;
}
+
+ &:checked:disabled:after {
+ background-color: $kui-color-background-neutral-weak;
+ }
}
.vue-form-generator {
diff --git a/packages/core/forms/src/components/FormGroup.vue b/packages/core/forms/src/components/FormGroup.vue
index 4e5836c175..7e3924e379 100644
--- a/packages/core/forms/src/components/FormGroup.vue
+++ b/packages/core/forms/src/components/FormGroup.vue
@@ -282,13 +282,6 @@ $errorColor: #f00;
display: none;
}
- &.disabled {
- > label {
- color: #666;
- font-style: italic;
- }
- }
-
&.error {
input:not([type="checkbox"]),
textarea,
diff --git a/packages/core/forms/src/components/fields/FieldAutoSuggest.vue b/packages/core/forms/src/components/fields/FieldAutoSuggest.vue
index df3e7f8af7..6a171792d0 100644
--- a/packages/core/forms/src/components/fields/FieldAutoSuggest.vue
+++ b/packages/core/forms/src/components/fields/FieldAutoSuggest.vue
@@ -1,10 +1,16 @@
-
+
-
+