Форум

daimon0482 · #11 (**permalink**) 21.01.2020, 00:59

рони,
вот так работает отлично, спасибо за помощь.

form > div:hover input{ background-color: #FF00FF;}

daimon0482 · #12 (**permalink**) 21.01.2020, 21:06

рони,
а вот такая конструкция не хочет, как только не пробовал

<form>
        <table>
           <div>
             <tr>
                <td>
                    <input type="number" value="90">
                </td>
                <td>
                    <input type="number" value="88" >
                </td>
                <td>
                    <input type="number" value="44">
                </td>
                <td>
                    <input type="number" value="33">
                </td>
            </tr>
        </div>
        <div>
         <tr>
            <td>
                <input type="number" value="54">
            </td>
            <td>
                <input type="number" value="22" >
            </td>
            <td>
                <input type="number"value="44">
            </td>
            <td>
                <input type="number" value="33">
            </td>
        </tr>
    </div>
</table>
</form>

form> table> div:hover input{ background-color: #FF00FF;}

рони · #13 (**permalink**) 21.01.2020, 21:35

daimon0482,
дивы уберите

<!DOCTYPE html>
<html>
<head>
  <title>Untitled</title>
  <meta charset="utf-8">
  <style type="text/css">
    form tr:hover input{ background-color: #FF00FF;}
  </style>
</head>
<body>
<form>
        <table>

             <tr>
                <td>
                    <input type="number" value="90">
                </td>
                <td>
                    <input type="number" value="88" >
                </td>
                <td>
                    <input type="number" value="44">
                </td>
                <td>
                    <input type="number" value="33">
                </td>
            </tr>

        
         <tr>
            <td>
                <input type="number" value="54">
            </td>
            <td>
                <input type="number" value="22" >
            </td>
            <td>
                <input type="number"value="44">
            </td>
            <td>
                <input type="number" value="33">
            </td>
        </tr>
    
</table>
</form>

</body>
</html>

daimon0482 · #14 (**permalink**) 21.01.2020, 22:01

да спасибо так работает, а еще вопросик попробовал focus также сделать и не получилось, в чем тут ошибка?

form tr:focus input{ background-color: #FF00FF;}

рони · #15 (**permalink**) 21.01.2020, 22:24

daimon0482,

form tr:focus-within input{ background-color: #FF00FF;}

daimon0482 · #16 (**permalink**) 21.01.2020, 22:28

рони,

Спасибо большое, все работает отлично.

Форум

Справочник

Discord чат

Курсы javascript