Remove CSS property from class with jQuery

Question

I have a CSS class named .co_dcrTable_Header with the following CSS:

.co_dcrTable_Header {
    color: #212121;
    display: block;
    max-height: 60px;
    overflow: hidden;
    padding: 2px 0; 
}

Is there a way to remove the overflow property with jQuery?

$(".co_dcrTable_Header").css("overflow","whateverYouWantItToBe"); (leave blank to erase the property) should work — royhowie
– royhowie, Commented Jun 19, 2014 at 20:56
Do you want to remove the property from the class, or from the elements selected by the class? — user1864610
– user1864610, Commented Jun 19, 2014 at 21:03

Software Engineer · Accepted Answer · 2014-06-19 20:56:37Z

2

You need to select the elements with the class assigned, and set the overflow value to something other than hidden. Blank will remove it completely I think.

$('.co_dcrTable_Header').css('overflow', '');

answered Jun 19, 2014 at 20:56

Software Engineer

16.3k8 gold badges87 silver badges109 bronze badges

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

Comments

martynas · Accepted Answer · 2014-06-19 20:58:02Z

0

Try this:

$('.co_dcrTable_Header').css('overflow', 'visible');

You can set the property to be empty or any of the below:

visible, hidden, scroll, auto, initial, inherit

Bear in mind that visible is the default property.

answered Jun 19, 2014 at 20:58

martynas

12.3k3 gold badges59 silver badges61 bronze badges

1 Comment

Pouria Moosavi Over a year ago

This is not removing, This is overwriting. And is not a n answer to this question.

Collectives™ on Stack Overflow

Remove CSS property from class with jQuery

2 Answers 2

Comments

1 Comment

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Linked

Related