title: Change color of <tr> when element inside is in focus
body: <p>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. <del>Can this be achieved without JavaScript ?</del></p>
  
  <p>html:</p>
  
  <pre><code>&lt;table&gt;
  &lt;tr&gt;
      &lt;td&gt;Name&lt;/td&gt;&lt;td&gt;&lt;input type="text" name="name"&gt;&lt;/td&gt;
  &lt;/tr&gt;
  &lt;/table&gt;​
  </code></pre>
  
  <p>CSS:</p>
  
  <pre><code>tr:focus
  {
      background:yellow;
  }​
  </code></pre>
  
  <p><strong>Update1:</strong><br>
  Looks like there is no CSS only method. What is the easiest way to do this using JavaScript ?</p>