diff --git a/packages/core/useStyleTag/demo.vue b/packages/core/useStyleTag/demo.vue
index a7ef99d159f..6727ec9a2f7 100644
--- a/packages/core/useStyleTag/demo.vue
+++ b/packages/core/useStyleTag/demo.vue
@@ -1,7 +1,12 @@
 <script setup lang="ts">
 import { useStyleTag } from '@vueuse/core'
 
-const { id, css, load, unload, isLoaded } = useStyleTag('.demo { background: #ad4c2e50 }')
+const customCSS = `
+.demo { background: #ad4c2e50; }
+.demo textarea { background: lightyellow; }
+`.trim()
+
+const { id, css, load, unload, isLoaded } = useStyleTag(customCSS)
 </script>
 
 <template>
diff --git a/packages/core/useStyleTag/index.ts b/packages/core/useStyleTag/index.ts
index 5bf04d330fa..d4887c82828 100644
--- a/packages/core/useStyleTag/index.ts
+++ b/packages/core/useStyleTag/index.ts
@@ -87,7 +87,7 @@ export function useStyleTag(
     stop = watch(
       cssRef,
       (value) => {
-        el.innerText = value
+        el.textContent = value
       },
       { immediate: true },
     )