Javascript-форум (https://javascript.ru/forum/)
-   Общие вопросы Javascript (https://javascript.ru/forum/misc/)
-   -   задать hover элементам с одинаковым idd (https://javascript.ru/forum/misc/79294-zadat-hover-ehlementam-s-odinakovym-idd.html)

daimon0482 21.01.2020 00:59

рони,
вот так работает отлично, спасибо за помощь.
form > div:hover input{ background-color: #FF00FF;}

daimon0482 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;}

рони 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 21.01.2020 22:01

:) да спасибо так работает, а еще вопросик попробовал focus также сделать и не получилось, в чем тут ошибка?
form tr:focus input{ background-color: #FF00FF;}

рони 21.01.2020 22:24

daimon0482,


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

daimon0482 21.01.2020 22:28

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


Часовой пояс GMT +3, время: 02:35.