override inline css with jquery and/or css

Question

How do I remove the font size and the bold code with jquery and/or css. I tried a variety of methods but cannot seem to get it.

I tried adding a class and then styling it via css and !important but that only worked if I put font-weight:lighter, I cannot seem to override the inline css so I said why not simply remove it.

The selector I have to add the class is

$("td[width='6%'][valign='CENTER']").addClass('quantity_box')

Here is the code ( I do not have access to it)

<td width="6%" valign="CENTER" bgcolor="#f9f9f9"><font size="4"><b>2</b></font>

wsanville · Accepted Answer · 2010-09-19 13:53:34Z

2

Adding more specific CSS rules to target both the font and b tags will allow you to override the inline styles. Set the values to your appropriate values.

.quantity_box font { font-size: 10px; }
.quantity_box font b { font-weight: normal; }

answered Sep 19, 2010 at 13:53

wsanville

37.6k8 gold badges78 silver badges102 bronze badges

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

1 Comment

user357034 Over a year ago

LOL I wasn't targeting the font/b tag directly in css. Was targeting just the .quantity_box class and not .quantity_box font/b class, I feel stupid now, thx for the wake up call!!!

Luke · Accepted Answer · 2012-08-20 12:13:08Z

0

$("b").remove(":contains('2')");

edited Aug 20, 2012 at 12:13

Luke

11.5k43 gold badges63 silver badges70 bronze badges

answered Sep 19, 2010 at 13:59

Ciprian Tepes

8769 silver badges11 bronze badges

1 Comment

user357034 Over a year ago

This is way too broad and will not work with other content on the page

Collectives™ on Stack Overflow

override inline css with jquery and/or css

2 Answers 2

1 Comment

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related