I got it to work, but it is very ugly and a really bad hack: CSS: .hoverTable TBODY > TR > TD > TABLE > TBODY > TR > TD { background-color: transparent; } .hoverTable TBODY > TR > TD > TABLE > TBODY > TR:hover { background-color: yellow; }
XHTML: <tr:table var="_cookie" value="#{facesContext.externalContext.request.cookies}" styleClass="hoverTable"> <tr:column> #{_cookie.name} </tr:column> <tr:column> #{_cookie.value} </tr:column> </tr:table> It would be great to get skinning class support on every element written by any of the Trinidad renderers. Maybe one of the skin experts can shed some light and a better solution. -Andrew On 8/30/07, Francisco Passos <[EMAIL PROTECTED]> wrote: > Hello Andrew, thank you for your tip. > > I just tried your solution, but it doesn't appear to work. > > The generated css has this > > .af_table.p_AFContent > TR:hover {background-color:yellow} > > However it is mentioned nowhere in the html, nor is it implicitly used and > applied to the table... > > What could cause this? Are there alternatives? > > Thank you, > Francisco Passos > > > > > On 8/29/07, Andrew Robinson <[EMAIL PROTECTED]> wrote: > > It doesn't look like the table renderer adds any style classes onto > > the TR elements. You could use CSS to do it. Have you tried: > > > > af|table:content > TR:hover { > > background-color: yellow; > > } > > > > This should theoretically work in IE7 and the "good" browsers > > > > On 8/29/07, Francisco Passos <[EMAIL PROTECTED]> wrote: > > > Hello all! > > > > > > I'm wondering if it is possible to change the css style for a tr:table > line > > > when the mouse is hovering. > > > And if so, can one do it directly on the skin? > > > > > > Thank you, > > > > > > Francisco Passos > > > > > > >