Reputation: 5233
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
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
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
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
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