Apply css on specific nth-child on IE 7 & 8


I am working on a payment form that doesn't support inline style or any other modification inside on it. So i need style it with it nth-child. Check live-

I successfully create css of it * working fine on Chrome, Safari, Firefox & IE9. But due to using css3 it doesn't work on IE 7 & 8.

Any idea how to apply same style that work on IE 7 & 8.

My css that need to apply on IE 7 & 8-

#frmPayment tr:nth-child(2) td:nth-child(1){
#frmPayment tr:nth-child(14) td:nth-child(1){
Problem courtesy of: arifix


If you're interested in using plugins then

selectivizr is a JavaScript utility that emulates CSS3 pseudo-classes and attribute selectors in Internet Explorer 6-8. Simply include the script in your pages and selectivizr will do the rest.

Solution courtesy of: Praveen


There is currently no discussion for this recipe.

This recipe can be found in it's original form on Stack Over Flow.