styling selected country button when input is disabled/readonly

jackocnr · jackocnr · commit 14a3f7e3de6b · 2026-02-26T13:38:42.000Z
diff --git a/src/css/intlTelInput.scss b/src/css/intlTelInput.scss
@@ -306,7 +306,11 @@
     .iti__country-container:has(+ input[disabled]),
     .iti__country-container:has(+ input[readonly]) {
       button.iti__selected-country {
-        cursor: default;
+        cursor: not-allowed;
+
+        .iti__arrow {
+          visibility: hidden;
+        }
       }
     }
 

Original file line number	Diff line number	Diff line change
`@@ -306,7 +306,11 @@`
`306`	`306`	`.iti__country-container:has(+ input[disabled]),`
`307`	`307`	`.iti__country-container:has(+ input[readonly]) {`
`308`	`308`	`button.iti__selected-country {`
`309`		`- cursor: default;`
	`309`	`+ cursor: not-allowed;`
	`310`	`+`
	`311`	`+ .iti__arrow {`
	`312`	`+ visibility: hidden;`
	`313`	`+ }`
`310`	`314`	`}`
`311`	`315`	`}`
`312`	`316`