Question

I have a div (id=”tabContainer”) where I defined some css like below:

#tabContainer .ui-state-active { 
   background: transparent url(img/uiTabsArrow.png) no-repeat bottom center; 
}

In this div, I have some buttons. The problem is that when I click on one of these buttons, the background defined in the css for the tabContainer is also displayed in the background of my buttons.

How can I avoid this?

It seems that the children of the div inherits of the background of their parent…

Thanks.

Answer 1

#tabContainer .ui-state-active input[type=button] { 
   background: none
}