Search code examples
htmlcssmicrosoft-edgebootstrap-daterangepicker

Edge does not respect css important and order

I have two css files daterangepicker.css and main.css

For a certain element, i see the following in the console:

enter image description here

Although main.css is coming after daterangepicker.css, main.css is overriden. Its OK and i think its a known issue as asked in this question.

But in this case, they are in the same specific level. Furthermore, in main.css i use important tags which are totally ignored:

.daterangepicker .ranges li.active, .daterangepicker .ranges li:hover {
  background: #D8AA0E !important;
  border: 1px solid #D8AA0E !important;
  font-weight: 500 !important;
}

what can be wrong with this?

Solution

  • Clearing cache is the solution...

    Although the new css files are loaded and shown in the console, they are probably not applied to the screen. So, don't trust the css files you see after an update, just be sure that you clear your cache.