diff --git a/templates/Sparkle/assets/css/main.css b/templates/Sparkle/assets/css/main.css
index df84f80d..8e58b082 100644
--- a/templates/Sparkle/assets/css/main.css
+++ b/templates/Sparkle/assets/css/main.css
@@ -573,7 +573,7 @@ input {
 	border-radius:3px;
 }
 
-input[disabled] {
+input[disabled], input[readonly] {
 	cursor: not-allowed;
 	background-color: #eee;
 }
diff --git a/templates/Sparkle/assets/js/main.js b/templates/Sparkle/assets/js/main.js
index 7bc896e9..4667924f 100644
--- a/templates/Sparkle/assets/js/main.js
+++ b/templates/Sparkle/assets/js/main.js
@@ -53,13 +53,13 @@ $(document).ready(function() {
 	$("input[name$='_ul']").each(function() {
 		var fieldname = $(this).attr("name").substring(0, $(this).attr("name").length - 3);
 		$("input[name='" + fieldname + "']").prop({
-			disabled: $(this).is(":checked")
+			readonly: $(this).is(":checked")
 		});
 	});
 	$("input[name$='_ul']").change(function() {
 		var fieldname = $(this).attr("name").substring(0, $(this).attr("name").length - 3);
 		$("input[name='" + fieldname + "']").prop({
-			disabled: $(this).is(":checked")
+			readonly: $(this).is(":checked")
 		}).focus();
 	});
 	// Enable autoselect in configfules