jQuery .css() function not Working in IE

Question

I was using the Add class method

 $("select[name='" + ABC+ i + "']").addClass('addBorder');

This was working in Chrome , FF , safari but not on IE So changed it to the .css property ;

 $("select[name='" + ABC + i + "']").css({"border-color":"red"});

But this is not working either in IE ; Does any one have more suggestions on it ?

Try switching your quotes around: $('select[name="' + ABC + i + '"]') — user400654
– user400654, Commented Mar 19, 2012 at 13:51
Switching quotes didn't work for me This is the problem for all IE versions I am getting the error on IE as object not supported — PiaklA
– PiaklA, Commented Mar 19, 2012 at 14:55

Fabrizio Calderan · Accepted Answer · 2012-03-19 13:58:08Z

3

On older IE you cannot change the border of a select element (and, unfortunately, a lot of other things). That's why it seems it doesn't work

As countercheck, $("select[name='" + ABC+ i + "']").length should be greater than zero on every browser you're trying (IE included)

If you have to change border I just suggest to wrap your select into another element and set a border-color to that wrapper.

edited Mar 19, 2012 at 13:58

answered Mar 19, 2012 at 13:50

Fabrizio Calderan

124k26 gold badges171 silver badges183 bronze badges

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

1 Comment

PiaklA Over a year ago

.length is returning the Value as 1 , so elements is being fetched , let me try wrapping it around and see what do i get

Community · Accepted Answer · 2017-05-23 12:27:48Z

1

I think that the problem is that you can't apply border to a <select> in he, look at this question IE6/IE7 css border on select element

edited May 23, 2017 at 12:27

CommunityBot

11 silver badge

answered Mar 19, 2012 at 13:50

Nicola Peluchetti

77k32 gold badges150 silver badges197 bronze badges

1 Comment

PiaklA Over a year ago

Yes that's what I was afraid of. Thanks for the link

T. Junghans · Accepted Answer · 2012-03-19 13:53:14Z

0

The select element is the last html element you'll ever want to style with css. I once spent hours trying to customize the select element and got nothing but frustration! Don't do anything to it because very browser has it's own little issues with it. Your client has to live with this fact.

answered Mar 19, 2012 at 13:53

T. Junghans

11.7k8 gold badges55 silver badges78 bronze badges

1 Comment

PiaklA Over a year ago

Yes you are right. Thanks for the link , I had to use another jQuery tag to check the browser and display the alert window rather than showing the element with red background.

Collectives™ on Stack Overflow

jQuery .css() function not Working in IE

3 Answers 3

1 Comment

1 Comment

1 Comment

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

1 Comment

1 Comment

1 Comment

Your Answer

Sign up or log in

Post as a guest

Linked

Related