Click here to Skip to main content
15,892,809 members
Please Sign up or sign in to vote.
0.00/5 (No votes)
See more:
Hi all,
i want to apply row css into cell.i mean i want to override cell css
from row css. cell has already some css.
i have given row css style with !important attribute but does'nt work
how can i do this?
Posted
Comments
Post your css code here, so that we can help you.
amit_83 18-Jan-12 7:04am    
i applied the css into the table row like
selectedItem{background-color:Yellow !important;}
and cell css
like:
tbody > tr > td.ccCell
{
background-repeat: repeat ;
background-image: url(images/abc.gif);
border-bottom: solid 0px #FDAD11;
outline:none;
}
but unable to override cell css, image is showing in each cell instead of color.

1 solution

Yes that's because you have one image in the background; so the image comes in the background and not the color.

If you remove/comment the line

background-image: url(images/abc.gif);


you can see the cell overriding the row css.

If there is one image then it will have its own background colors, it can not be changed. You can only give borders as you have done.

Accept if I am right, otherwise give your query again.
I will help you.

Thanks...
 
Share this answer
 
Comments
amit_83 18-Jan-12 8:23am    
Thanks for reply,
i can not remove below css b'coz it auto apply and also i can not remove image. is there a way to solve the problem?

tbody > tr > td.ccCell { background-repeat: repeat ; background-image: url(images/abc.gif); border-bottom: solid 0px #FDAD11; outline:none; }

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)



CodeProject, 20 Bay Street, 11th Floor Toronto, Ontario, Canada M5J 2N8 +1 (416) 849-8900