diff --git a/src/editor/index.wc b/src/editor/index.wc
index e68b91a..6760041 100644
--- a/src/editor/index.wc
+++ b/src/editor/index.wc
@@ -39,6 +39,7 @@
   min-height: 100px;
   max-height: 640px;
   border-radius: 3px;
+  transition: box-shadow 0.15s linear;
 }
 
 table {
@@ -141,6 +142,17 @@ wc-scroll {
   }
 }
 
+:host([readonly]) {
+  .neditor {
+    cursor: default;
+    opacity: 0.8;
+  }
+}
+
+:host(:focus-within) {
+  box-shadow: 0 0 0 2px var(--color-plain-a);
+}
+
 .font-layer,
 .color-layer,
 .link-layer {