рони,
вот так работает отлично, спасибо за помощь. form > div:hover input{ background-color: #FF00FF;} |
рони,
а вот такая конструкция не хочет, как только не пробовал <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;} |
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> |
:) да спасибо так работает, а еще вопросик попробовал focus также сделать и не получилось, в чем тут ошибка?
form tr:focus input{ background-color: #FF00FF;} |
daimon0482,
form tr:focus-within input{ background-color: #FF00FF;} |
рони,
:thanks: Спасибо большое, все работает отлично. |
Часовой пояс GMT +3, время: 16:23. |