CSS stylesheet doesn't work in ASP.NET Core (for page background and texbox css style)

Question

I created customStyle.css file in wwwroot/css folder as below:

.custominput {
    border: 1px solid;
    border-radius: 1px;
    height: 30px;
    margin-bottom: 10px;
}

.mainPic {
    background-image: linear-gradient(rgba(255,255,255,0),rgba(255,255,255,0)),url("publicimage/mainbackgroundpic.png");
    background-repeat: no-repeat;
    height: auto;
    background-size: cover;
    background-position: center;
    background-attachment: fixed;}

Also I put required link in my layout.cshtml file like this:

 <link rel="stylesheet" href="~/css/customStyle.css" type="text/css" asp-append-version="true" />

but it doesn't work! Would you please help me?

Thanks in advance

Have you tried checking the CSS file path? It might be pointing to the wrong place. — rawnewdlz
– rawnewdlz, Commented Dec 17, 2021 at 22:08
Does this answer your question? css file not found - asp.net core web application — rawnewdlz
– rawnewdlz, Commented Dec 17, 2021 at 22:10
@rawnewdlz Thanks for your reply but before asked my question I checked that mentioned post. I checked every thing :( — R. Salehi
– R. Salehi, Commented Dec 17, 2021 at 22:52
@Re Salehi can you post your layout page code shortly to understand your linkup? — Pritom Sarkar
– Pritom Sarkar, Commented Dec 18, 2021 at 18:25

Rohan Rao · Accepted Answer · 2021-12-18 06:47:47Z

2

The styles or scripts inside wwwroot is governed by a special method inside Configure method in Startup.cs class.

That method is UseStaticFiles(). See below screenshot:

Arrange the methods exactly mentioned in the screenshot and then give it a try.

NOTE: I am using .NET Core v3.1 (Long time support). If you have lower version then please make sure you add your app.UseStaticFiles() before app.UseRouting() method.

answered Dec 18, 2021 at 6:47

Rohan Rao

2,6413 gold badges24 silver badges40 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

CSS stylesheet doesn't work in ASP.NET Core (for page background and texbox css style)

1 Answer 1

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related