diff --git a/style.css b/style.css
index e64e8c9..cf10be9 100644
--- a/style.css
+++ b/style.css
@@ -177,7 +177,9 @@ input[type="reset"]::-moz-focus-inner {
 }
 
 :disabled,
-:disabled + label {
+:disabled + label,
+:read-only,
+:read-only + label {
   color: var(--button-shadow);
 }
 
@@ -470,6 +472,10 @@ input[type="email"]:disabled,
 input[type="password"]:disabled,
 input[type="text"]:disabled,
 input[type="number"]:disabled,
+input[type="email"]:read-only,
+input[type="password"]:read-only,
+input[type="text"]:read-only,
+input[type="number"]:read-only,
 textarea:disabled {
   background-color: var(--surface);
 }
@@ -714,7 +720,8 @@ ul.tree-view details[open] > summary:before {
   content: "-";
 }
 
-ul.tree-view details > summary::marker, ul.tree-view details > summary::-webkit-details-marker {
+ul.tree-view details > summary::marker,
+ul.tree-view details > summary::-webkit-details-marker {
   content: "";
 }