Why won't my CSS changes apply after I update the file? Even though it was working before, now when I make a change to my CSS file, the updates do not take effect.
When viewing the applied styles on IE11 in troubleshoot mode, I am seeing the old settings instead of the new ones.
The site structure is as follows, following the default creation by VS-2015 Community:
MyWebsite
Content
mycss.css
The header of the master page looks like this:
<html lang="en">
<head runat="server">
<meta charset="utf-8" />
<% Response.CacheControl = "no-cache"; %>
<% Response.AddHeader("Pragma", "no-cache"); %>
<% Response.Expires = -1; %>
<meta />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<title><%: Page.Title %> - Credits and Returns or Replacements.</title>
<link rel="stylesheet" type="text/css" href="~/Content/mycss.css">
<asp:PlaceHolder runat="server">
<%: Scripts.Render("~/bundles/modernizr") %>
</asp:PlaceHolder>
<link href="~/favicon.ico" rel="shortcut icon" type="image/x-icon" />
<style type="text/css">
.body-content {
height: 549px;
}
</style>
</head>
The relevant piece of HTML is shown below:
<asp:Calendar ID="dateFrom" runat="server" CssClass="another calendar"></asp:Calendar>
<asp:Calendar ID="dateTo" runat="server" CssClass="another"></asp:Calendar>
For example, if I have a class called .another{width:20%;} and I change it to 15%, the change does not reflect on the webpage. Inspection in IE11 shows the old 20% instead of the updated 15%. Even after searching all files named "mycss.css" and deleting temp files, the issue persists.
I even published the css file to the deployed site without success.
I am unable to locate where the old CSS values are being stored and why VS is creating and storing a file with the same name in a different path that I cannot access.
Is there some configuration option causing this behavior?
Despite trying various solutions, the problem continues. Can anyone help me understand what I'm missing? Thank you.