我有问题，让一个css文件的地方后面的剃刀组件工作
我有3个文件：

• Index.razor
• Index.razor.cs
• Index.razor.css

但是.css文件中的css没有在Index.razor页面中使用
我需要切换任何一个或我如何使它工作？
索引文件内容：

@page "/"

@namespace TestCSSIsolation.Pages

<h1>Hello, world!</h1>
<input value="@value" />
<button @onclick="@OnClick_Button">Click</button>

.cs文件内容：

namespace TestCSSIsolation.Pages;

public partial class Index
{
    private string value = string.Empty;
    private void OnClick_Button()
    {
        if (value.Trim().Length > 0)
        {
            value = string.Empty;
        }
        else
        {
            value = "Test";
        }
    }
}

.css文件内容：

body {
    border: solid 10px red;
}

button {
    background-color: pink;
}

input {
    background-color: lightblue;
}

不幸的是，我不允许在这里张贴图片，但当我运行应用程序时，结果是css文件中的样式没有在组件上使用。