Fix blue text colour of focused inputs

DeclanChidlow · Apr 29, 2024 · 680800f · 680800f
1 parent b0ac5f5
commit 680800f
Show file tree

Hide file tree

Showing 2 changed files with 16 additions and 2 deletions.
diff --git a/config/global/styles/components/input.css b/config/global/styles/components/input.css
@@ -11,6 +11,13 @@ textarea {
 	-webkit-appearance: none;
 }
 
+button:focus,
+select:focus,
+input:focus,
+textarea:focus {
+	color: inherit;
+}
+
 button,
 select {
 	cursor: pointer;
@@ -25,7 +32,7 @@ textarea {
 	color: var(--white);
 }
 
-*:focus {
+:focus {
 	outline: var(--blue) solid 2px;
 	color: var(--blue);
 }
diff --git a/docs/styles/components/input.css b/docs/styles/components/input.css
@@ -11,6 +11,13 @@ textarea {
 	-webkit-appearance: none;
 }
 
+button:focus,
+select:focus,
+input:focus,
+textarea:focus {
+	color: inherit;
+}
+
 button,
 select {
 	cursor: pointer;
@@ -25,7 +32,7 @@ textarea {
 	color: var(--white);
 }
 
-*:focus {
+:focus {
 	outline: var(--blue) solid 2px;
 	color: var(--blue);
 }