Add style to distinguish button disabled state

6 years ago · 3e099baa31
parent 0aceccc31b
commit 3e099baa31
1 changed files with 5 additions and 1 deletions
--- a/site/content/tutorial/06-bindings/03-checkbox-inputs/app-a/App.svelte
+++ b/site/content/tutorial/06-bindings/03-checkbox-inputs/app-a/App.svelte
@ -2,6 +2,10 @@
 	let yes = false;
 </script>

+<style>
+	button[disabled] { color: #aaa }
+</style>
+
 <label>
 	<input type=checkbox checked={yes}>
 	Yes! Send me regular email spam
@ -15,4 +19,4 @@

 <button disabled={!yes}>
 	Subscribe
-</button>
+</button>