将 CSS 添加到 Blazor WebAssembly 视图

Question

Im doing a web project in Blazor WebAssembly and i want to add a specific CSS file to one of my .razor files but i have no idea on earth how to do it.

The project looks like this.

Any one who knows how i add a CSS for ListProducts.razor ?

Answer 1

Here is a working demo:

My wwwroot folder:

.razor file:

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

result:

Answer 2

If you want css file to be specific to one razor file then create css file in same directory with {razor_file_name}.razor.css.

For you case ListProducts.razor.css

info: Microsoft docs

Answer 3

You should already have a premade app.css file located in wwwroot/css/app.css

Add the CSS for your entire app there