将 CSS 添加到 Blazor WebAssembly 视图

Question

我正在 Blazor WebAssembly 中做一个 Web 项目，我想将一个特定的 CSS 文件添加到我的一个 .razor 文件中，但我完全不知道该怎么做。

项目看起来像这样。

有人知道我如何为 ListProducts.razor 添加 CSS 吗？

Answer 1

这是一个工作演示：

我的 wwwroot 文件夹：

.razor 文件：

<link rel="stylesheet" href="css/bootstrap/bootstrap1.min.css" />
@code {
   ...
}

结果：

Answer 2

您应该已经有一个预制的 app.css 文件位于 wwwroot/css/app.css

在此处为您的整个应用添加 CSS

Answer 3

如果您希望 css 文件特定于一个 razor 文件，则在与 {razor_file_name}.razor.css.[=11 相同的目录中创建 css 文件=]

对于您的案例 ListProducts。razor.css

Adding CSS to Blazor WebAssembly views