I'm trying to set a conditional formatting for my custom list data row, it works fine for background color but not for foreground color, when I inspect the element in chrome browser, I found it apply the style correctly but because of style inherit from other style sheet (corev4.css), it couldn't work even though I appended " !important" into the conditional style . I don't want to format every column to achieve this simple work. Anyone have a workaround for this ? Any help will be appreciated

1 Answer 1


You could reset the css class where the style is inherited and work with your or, better, create a custom css class and works with it.

If you have a div like this

<div class="firstClass secondClass thirdclass fourthclass"></div>

and you want change something in one of those css class you can create your css style sheet and then change the configuration

.firstClass { my-option: 3px !important; }
  • Can you expand on the solution a bit? Commented May 22, 2013 at 20:02

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge you have read our privacy policy.

Not the answer you're looking for? Browse other questions tagged or ask your own question.