Using jQuery.css to get value in Internet Explorer

Question

I am trying to set a variable to be the value of my div border-color property value

errorChartColorError = $('.col__item.error').css('border-color');

This works fine in Chrome but Internet Explorer 11 returns the variable as undefined

When I inspect the element in IE, I can see the border-color property and value

Do I need an IE hack?

I think you may have to specify a side, e.g. errorChartColorError = $('.col__item.error').css('border-top-color'); — delinear
– delinear, Commented Nov 2, 2017 at 15:46

holden · Accepted Answer · 2017-11-02 16:15:13Z

1

The border-color propriety can have up to four value; this mean you can set a different colour per each border (bottom, left, top, right). Be more specific about which one you want to retrive, so:

$(".col__item.error").css("border-top-color");

or

$(".col__item.error").css("border-left-color");

an so on...

should do the trick

answered Nov 2, 2017 at 16:15

holden

1,77912 silver badges19 bronze badges

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

Collectives™ on Stack Overflow

Using jQuery.css to get value in Internet Explorer

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related