diff --git a/src/css/quasar.variables.scss b/src/css/quasar.variables.scss
index 92ca9ffd..2f2a820a 100644
--- a/src/css/quasar.variables.scss
+++ b/src/css/quasar.variables.scss
@@ -27,6 +27,10 @@ $separator-dark-color: var(--border-color);
 .q-field__control {
   background: var(--surface-1);
   color: $primary;
+
+  &:has(input:disabled) {
+    background: var(--gray-1);
+  }
 }
 
 .q-field--outlined .q-field__control {