diff --git a/src/components/BootstrapBlazor.Term/BootstrapBlazor.Term.csproj b/src/components/BootstrapBlazor.Term/BootstrapBlazor.Term.csproj
index 508b37b44..7dbbc4b1b 100644
--- a/src/components/BootstrapBlazor.Term/BootstrapBlazor.Term.csproj
+++ b/src/components/BootstrapBlazor.Term/BootstrapBlazor.Term.csproj
@@ -1,5 +1,8 @@
 <Project Sdk="Microsoft.NET.Sdk.Razor">
 
+  <PropertyGroup>
+    <Version>11.0.0-rc.2.1</Version>
+  </PropertyGroup>
 
   <PropertyGroup>
     <PackageTags>Bootstrap Blazor WebAssembly wasm UI Components Xterm Term Terminal</PackageTags>
diff --git a/src/components/BootstrapBlazor.Term/Components/Term.razor.cs b/src/components/BootstrapBlazor.Term/Components/Term.razor.cs
index 4095c936c..7497bec7e 100644
--- a/src/components/BootstrapBlazor.Term/Components/Term.razor.cs
+++ b/src/components/BootstrapBlazor.Term/Components/Term.razor.cs
@@ -14,6 +14,14 @@ namespace BootstrapBlazor.Components;
 [JSModuleAutoLoader("./_content/BootstrapBlazor.Term/Components/Term.razor.js", JSObjectReference = true)]
 public partial class Term
 {
+    private const string StylePath = "_content/BootstrapBlazor.Term/lib/xterm.css";
+
+#if NET9_0_OR_GREATER
+    private string StyleUrl => Assets[StylePath];
+#else
+    private static string StyleUrl => StylePath;
+#endif
+
     /// <summary>
     /// <para lang="zh">获得/设置 <see cref="TermOptions"/> 实例 默认 null</para>
     /// <para lang="en">Gets or sets the <see cref="TermOptions"/> instance Default value is null.</para>
@@ -68,7 +76,7 @@ public partial class Term
     /// </summary>
     protected override async Task InvokeInitAsync()
     {
-        await InvokeVoidAsync("init", Id, Interop, Options);
+        await InvokeVoidAsync("init", Id, Interop, Options, StyleUrl);
     }
 
     /// <summary>
diff --git a/src/components/BootstrapBlazor.Term/Components/Term.razor.js b/src/components/BootstrapBlazor.Term/Components/Term.razor.js
index 9ca63ea63..22a262778 100644
--- a/src/components/BootstrapBlazor.Term/Components/Term.razor.js
+++ b/src/components/BootstrapBlazor.Term/Components/Term.razor.js
@@ -3,8 +3,8 @@ import "../lib/xterm-addon-fit.js";
 import { addLink } from '../../BootstrapBlazor/modules/utility.js'
 import Data from '../../BootstrapBlazor/modules/data.js'
 
-export async function init(id, invoke, options) {
-    await addLink('./_content/BootstrapBlazor.Term/lib/xterm.css');
+export async function init(id, invoke, options, styleUrl) {
+    await addLink(styleUrl)
 
     const el = document.getElementById(id);
     if (el === null) {