How can i convert css in jquery

Question

How can i convert css in jquery.I tried but it is not working. Please help anyone.

CSS:

#conpanel .cont .bs{
 background-color:#fff !important;
 border: 0px solid #ccc !important;
 border-width: thin 0px 0px 0px 0px  !important;
 padding: 3px 0 1px 22px !important;
}

#conpanel .cont.bg{
border-bottom: 0px solid #99bbd4;
border-top: medium none;}

Jquery:

   $('#conpanel .cont .bs').attr('style', 'padding: 3px 0 1px 32px !important','border-width: thin 0px 0px 0px 0px  !important');   
   $('#conpanel .cont .bs').css({ 'background-color':'#fff !important','border': '0px solid #ccc !important'}); 
   $('#conpanel .cont .bs').css({'border': '0px solid #ccc !important'});

   $('#conpanel .cont .bg').css({'border-bottom': '0px solid #99bbd4','border-top': 'medium none'});

fernando · Accepted Answer · 2016-11-02 14:01:40Z

1

just use this and it will do the trick:

$('.bs').css('border-bottom','0px solid #99bbd4');

answered Nov 2, 2016 at 14:01

fernando

8301 gold badge9 silver badges24 bronze badges

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

Comments

Paul Redmond · Accepted Answer · 2016-11-02 14:15:14Z

0

For the last line, your selector is wrong. I also added the first batch into one:

$('#conpanel .cont .bs').css({
    'background-color': '#fff !important',
    'border': '0px solid #ccc !important',
    'border-width': 'thin 0px 0px 0px 0px !important',
    'padding': '3px 0 1px 22px !important'
});    

$('#conpanel .cont.bg').css({
  'border-bottom': '0px solid #99bbd4',
  'border-top': 'medium none'
});

Note, I changed #conpanel .cont.bg. These overrides will set inline styles, so you probably don't need the 'important', depending on the context, as they will override the rules you set already.

edited Nov 2, 2016 at 14:15

answered Nov 2, 2016 at 14:00

Paul Redmond

3,2964 gold badges35 silver badges53 bronze badges

6 Comments

SANSCLAW Over a year ago

can u change for all?

Paul Redmond Over a year ago

Added the first one there, is that what you were looking for?

Paul Redmond Over a year ago

Possible because the !important was removed, do you need it from the original rules or can they be removed?

Paul Redmond Over a year ago

Added !important back in, I'd be surprised if that didn't work.

Paul Redmond Over a year ago

Okay, well if you can't provide any more details I can't help any more.

|

Brandon · Accepted Answer · 2016-11-02 14:17:33Z

0

Your syntax looks correct. I think it could possibly be that you are using !important in your css file as well as trying to set it with jQuery. Try removing !important from the css file and see if that fixes it.

Html:

<div id="alter-div">
    <p>My Div</p>    
</div>

Here's the jQuery part:

$("#alter-div").css({

  "background-color": "blue",
  "border": "1px solid black",
  "border-top": "1px solid red"

});

answered Nov 2, 2016 at 14:17

Brandon

3,2563 gold badges30 silver badges51 bronze badges

Collectives™ on Stack Overflow

How can i convert css in jquery

3 Answers 3

Comments

6 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

6 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related