Jquery css code is not working in browser

Question

This is my css that I am applying on one td. But this is not working in IE,FF and other browsers.

 $("#tdTopMenu").css({ "backgroundColor": "003f60", "height": "17pt", "display": "block", "white-space": "nowrap", "min-width": "1250px" });

Whereas If I write one line

<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE8" />

then its started showing in IE only not in other browsers. Please help

replace "backgroundColor": "003f60" on "background-color":"#003f60" and will work — Vladimir
– Vladimir, Commented Oct 10, 2013 at 13:03

Quentin · Accepted Answer · 2013-10-10 12:48:08Z

5

003f60 is not a colour. #003f60 is. Make sure the CSS you are trying to apply is valid.

answered Oct 10, 2013 at 12:48

Quentin

949k136 gold badges1.3k silver badges1.4k bronze badges

Sign up to request clarification or add additional context in comments.

3 Comments

juju Over a year ago

Also backgroundColor should be background-color.

Henk Jansen Over a year ago

@mzohreh according to api.jquery.com/css both notations are viable, backgroundColor and background-color. The only difference is that you don't need quotations around backgroundColor.

Praveen Over a year ago

@mzohreh Not only backgroundColor, other style like fontWeight, marginLeft, marginRight, etc., is there

Neel · Accepted Answer · 2013-10-10 12:54:04Z

0

put #003f60 instead of 003f60 because you must put # before the property like below

$("#tdTopMenu").css({ "background-Color": "#003f60", "height": "17pt", "display": "block", "white-space": "nowrap", "min-width": "1250px" });

edited Oct 10, 2013 at 12:54

answered Oct 10, 2013 at 12:52

Neel

11.7k3 gold badges46 silver badges63 bronze badges

Collectives™ on Stack Overflow

Jquery css code is not working in browser

2 Answers 2

3 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

3 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related