Change color of <tr> when element inside is in focus
I want to change the color of tr element when user select a text box inside it. The focus pseudo-class is not working with it. Can this be achieved without JavaScript ?

html:

    <table>
    <tr>
        <td>Name</td><td><input type="text" name="name"></td>
    </tr>
    </table>​

CSS:

    tr:focus
    {
        background:yellow;
    }​
Change color of <tr> when element inside is in focus
===

I want to change the color of tr element when user select a text box inside it. The focus pseudo-class is not working with it. Can this be achieved without JavaScript ?

html:

    <table>
    <tr>
        <td>Name</td><td><input type="text" name="name"></td>
    </tr>
    </table>​

CSS:

    tr:focus
    {
        background:yellow;
    }​