how to overwrite css style in asp.net page?

Question

I am trying to overwrite a style which is defined in a stylesheet that I can't change. How to do that?

For example, I have something like this in the stylesheet:

.SomeStyle
{
   padding:4px;
}

How can I overwrite this in my ASP.NET page?

Cᴏʀʏ · Accepted Answer · 2011-12-16 05:15:20Z

3

You could try making an identical style more "important" than the one from the stylesheet:

.SomeStyle {
    padding: 11px !important;
}

The !important declaration will give priority to your style over the one defined in your stylesheet. Keep in mind older browsers ignore it altogether (like IE6), so this may not be a perfect solution for you.

You could also take a JavaScript/jQuery approach by manipulating which CSS class is assigned to the element.

A little reading material:

http://css-tricks.com/when-using-important-is-the-right-choice/

edited Dec 16, 2011 at 5:15

answered Dec 16, 2011 at 5:10

Cᴏʀʏ

108k20 gold badges169 silver badges201 bronze badges

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

Comments

Travis J · Accepted Answer · 2011-12-16 05:17:47Z

1

Inline css will always take precedent over inherited css.

<div style="width:500px">

answered Dec 16, 2011 at 5:17

Travis J

82.5k43 gold badges213 silver badges280 bronze badges

3 Comments

Cᴏʀʏ Over a year ago

True, but it's considered bad practice to in-line your CSS.

Travis J Over a year ago

Only way around a style which is in the page (i.e. <style>.someStyle {padding:4px;}</style><div class="someStyle" style="padding:11px;">?</div> Not my fault the OP wanted to know how to override styles...Technically it is bad practice to not have access to your CSS so I find your comment non-constructive.

Cᴏʀʏ Over a year ago

There are other ways to override styles, even if they are defined in the page itself, that I would discuss before suggesting a bad practice workaround.

Ashfaq Shaikh · Accepted Answer · 2011-12-16 05:23:29Z

0

you can call you stylesheet after your CSS which contains this style

CSS overwrite the CSS which has last loaded.

make new CSS file and call it after your actual CSS file.

You can do it also like this

<div class="Calendar" style="height:10px;width:10px;"></div>

OR

<link rel="stylesheet" href="default.css" type="text/css" />
<link rel="stylesheet" href="OverWritedefault.css" type="text/css" />

answered Dec 16, 2011 at 5:23

Ashfaq Shaikh

1,66812 silver badges20 bronze badges

Collectives™ on Stack Overflow

how to overwrite css style in asp.net page?

3 Answers 3

Comments

3 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

3 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related