fix: readonly input

css/pico.classless.css

@@ -1300,12 +1300,12 @@ input:not([type=submit],
 [type=checkbox],
 [type=radio],
 [readonly]):is(:active, :focus),
-:where(select, textarea):is(:active, :focus) {
+:where(select, textarea):not([readonly]):is(:active, :focus) {
   --pico-background-color: var(--pico-form-element-active-background-color);
 }
 
 input:not([type=submit], [type=button], [type=reset], [role=switch], [readonly]):is(:active, :focus),
-:where(select, textarea):is(:active, :focus) {
+:where(select, textarea):not([readonly]):is(:active, :focus) {
   --pico-border-color: var(--pico-form-element-active-border-color);
 }
 
@@ -1315,7 +1315,7 @@ input:not([type=submit],
 [type=range],
 [type=file],
 [readonly]):focus,
-:where(select, textarea):focus {
+:where(select, textarea):not([readonly]):focus {
   --pico-box-shadow: 0 0 0 var(--pico-outline-width) var(--pico-form-element-focus-color);
 }
 

css/pico.css

@@ -1452,12 +1452,12 @@ input:not([type=submit],
 [type=checkbox],
 [type=radio],
 [readonly]):is(:active, :focus),
-:where(select, textarea):is(:active, :focus) {
+:where(select, textarea):not([readonly]):is(:active, :focus) {
   --pico-background-color: var(--pico-form-element-active-background-color);
 }
 
 input:not([type=submit], [type=button], [type=reset], [role=switch], [readonly]):is(:active, :focus),
-:where(select, textarea):is(:active, :focus) {
+:where(select, textarea):not([readonly]):is(:active, :focus) {
   --pico-border-color: var(--pico-form-element-active-border-color);
 }
 
@@ -1467,7 +1467,7 @@ input:not([type=submit],
 [type=range],
 [type=file],
 [readonly]):focus,
-:where(select, textarea):focus {
+:where(select, textarea):not([readonly]):focus {
   --pico-box-shadow: 0 0 0 var(--pico-outline-width) var(--pico-form-element-focus-color);
 }
 

css/pico.fluid.classless.css

@@ -1263,12 +1263,12 @@ input:not([type=submit],
 [type=checkbox],
 [type=radio],
 [readonly]):is(:active, :focus),
-:where(select, textarea):is(:active, :focus) {
+:where(select, textarea):not([readonly]):is(:active, :focus) {
   --pico-background-color: var(--pico-form-element-active-background-color);
 }
 
 input:not([type=submit], [type=button], [type=reset], [role=switch], [readonly]):is(:active, :focus),
-:where(select, textarea):is(:active, :focus) {
+:where(select, textarea):not([readonly]):is(:active, :focus) {
   --pico-border-color: var(--pico-form-element-active-border-color);
 }
 
@@ -1278,7 +1278,7 @@ input:not([type=submit],
 [type=range],
 [type=file],
 [readonly]):focus,
-:where(select, textarea):focus {
+:where(select, textarea):not([readonly]):focus {
   --pico-box-shadow: 0 0 0 var(--pico-outline-width) var(--pico-form-element-focus-color);
 }