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?

Answer 1

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/