ole
ole

Reputation: 5233

IE9 does not load css fully

I have css file:

<head>
  <link rel="stylesheet" type="text/css" href="/assets/application.css" media="screen" />
  ...
</head>

With all browsers everything is fine(chrome,ff,ie8,ie10,...), except IE9.

IE9 does not load css fully.

Upvotes: 10

Views: 13258

Answers (4)

Fake Haak
Fake Haak

Reputation: 226

Bit late but for future visitors of this thread: I had the same problem and found out my project just had gotten too big. IE9 stops reading your stylesheet after 4095 selectors.

For reference: Does IE9 have a file size limit for CSS?

Upvotes: 14

Yassin
Yassin

Reputation: 1386

There are many reasons for this error. For me I just changed the extension CSS to lower case and that works fine.

Upvotes: 0

Chris Love
Chris Love

Reputation: 3893

First I am not sure IE9 had support for all the new HTML5 input types as they were not to a stable standard when it was released like 4+ years ago. So you should try to add some sort of selector you can style for the obsolete versions you need to support. The ones that have a stable specification will work fine in IE today.

Also make sure the CSS files are loading by firing up the F12 tools and inspecting the network tab or use Fiddler if you want to do the same thing. If you see a 4XX status code for any of your resources investigate accordingly.

Upvotes: 0

Severin
Severin

Reputation: 8588

IE has always had trouble with special CSS selectors. You are trying to use attribute based selectors input[type="email"].

Try to include this in your -> https://code.google.com/p/html5shim/

Otherwise try to give classes to all input objects you want to style and remove the selectors you have now.

Upvotes: 0

Related Questions