0

I have disabled elements on my page. When I run my app in VS2012, my disabled elements are looking like I want in IE (8-10) (not Chrome but I'll look at that later):

enter image description here

Notice the burgundy text. Now, I deploy to my web server. All the CSS is present and now the text is gray:

enter image description here

Here's my CSS:

input[disabled] {
             border: 1px solid #999;
             color:#933 !important;
             background-color:#c1c1c1;
}

Here's how I'm setting my input to disabled

      $('#btnRemovePacks').prop('disabled', true);

Why does the CSS work when I'm running in localhost and not when I deploy to my web server?

halfer
  • 19,824
  • 17
  • 99
  • 186
BoundForGlory
  • 4,114
  • 15
  • 54
  • 81
  • 1
    You're probably in Compatibility Mode. – SLaks Feb 06 '14 at 00:04
  • Honestly im not. Everyone's IE looks the same. Ive looked at this on multiple computers – BoundForGlory Feb 06 '14 at 00:07
  • 1
    As someone who's not very familiar with VS2012, does running the app through it add any additional libraries (whether js or css) when previewing? Another idea... try viewing the IE Developer Tools for both versions and see exactly which IE mode is being used. It's possible the webserver (or your localhost server) is configured to force a certain compatibility mode using http headers. – Daniel Rippstein Feb 06 '14 at 00:16
  • @Daniel...as far as I know, no it doesn't. I've used VS2012 for a year – BoundForGlory Feb 06 '14 at 00:39
  • Does IE8 even catch `[disabled]`? (9 and 10 should, though.) – Pekka Feb 06 '14 at 12:52
  • 1
    One part of the puzzle is [How do you style disabled textarea in IE8?](http://stackoverflow.com/q/5485642) – Pekka Feb 06 '14 at 12:53

0 Answers0