изменение стиля `tr` всякий раз, когда фокусировался` input`? - PullRequest
Новая
       22

изменение стиля `tr` всякий раз, когда фокусировался` input`?

1 голос
/ 15 апреля 2011

У меня есть следующий 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>

Я хочу изменить стиль tr, когда текстовые поля сфокусированы.
Я использовал ниже CSS-код, но он не работает. 

input[type="text"]:focus tr
{
    background-color: #e7e7e7;
}

Не могли бы вы вести меня?

1 Ответ

2 голосов
/ 15 апреля 2011

Как заявил г-н Dissappointment, вы должны использовать JavaScript (или jquery) для достижения того, чего вы хотите.

Я кодировал очень простую HTML-страницу, чтобы проиллюстрировать: 

<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>

При фокусировке текстового поля фон tr станет красным.

Примечание: Проверено в Safari и Chrome.

...