每当关注“输入”时更改“ tr”样式？
|
我有以下html：
<table id=\"TableNewUser\" runat=\"server\" width=\"50%\" cellpadding=\"3\" cellspacing=\"1\"
border=\"0\">
<tr>
<th colspan=\"2\">
New User
</th>
</tr>
<tr>
<td width=\"50%\" align=\"right\">
<asp:TextBox ID=\"TextBoxUsername\" runat=\"server\" Style=\"direction: rtl;\" MaxLength=\"25\"></asp:TextBox>
</td>
<td align=\"left\" width=\"50%\">
UserName
</td>
</tr>
<tr>
<td align=\"right\">
<asp:TextBox ID=\"TextBoxPass\" runat=\"server\" MaxLength=\"25\"></asp:TextBox>
</td>
<td align=\"left\">
Password :
</td>
</tr>
<tr>
<td colspan=\"2\">
<asp:Button ID=\"ButtonSubmit\" runat=\"server\" Text=\"Submit\" OnClick=\"ButtonSubmitClick\" />
</td>
</tr>
</table>
input[type=\"text\"]:focus tr
{
background-color: #e7e7e7;
}
没有找到相关结果
已邀请:
1 个回复
窝头菊
<html> <head> <script type=\"text/javascript\"> function changeTrStyle() { document.getElementById(\"trId\").style.background = \"red\"; } </script> </head> <body> <table> <tr id=\"trId\"> <td> <input type=\"text\" onfocus=\"changeTrStyle()\"/> </td> </tr> </table> </body> </html>