Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #11 (permalink)  
Старый 21.01.2020, 00:59
Аспирант
Отправить личное сообщение для daimon0482 Посмотреть профиль Найти все сообщения от daimon0482
 
Регистрация: 14.05.2017
Сообщений: 61

рони,
вот так работает отлично, спасибо за помощь.
form > div:hover input{ background-color: #FF00FF;}
Ответить с цитированием
  #12 (permalink)  
Старый 21.01.2020, 21:06
Аспирант
Отправить личное сообщение для daimon0482 Посмотреть профиль Найти все сообщения от daimon0482
 
Регистрация: 14.05.2017
Сообщений: 61

рони,
а вот такая конструкция не хочет, как только не пробовал
<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
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,064

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>
Ответить с цитированием
  #14 (permalink)  
Старый 21.01.2020, 22:01
Аспирант
Отправить личное сообщение для daimon0482 Посмотреть профиль Найти все сообщения от daimon0482
 
Регистрация: 14.05.2017
Сообщений: 61

да спасибо так работает, а еще вопросик попробовал focus также сделать и не получилось, в чем тут ошибка?
form tr:focus input{ background-color: #FF00FF;}
Ответить с цитированием
  #15 (permalink)  
Старый 21.01.2020, 22:24
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,064

daimon0482,


form tr:focus-within input{ background-color: #FF00FF;}
Ответить с цитированием
  #16 (permalink)  
Старый 21.01.2020, 22:28
Аспирант
Отправить личное сообщение для daimon0482 Посмотреть профиль Найти все сообщения от daimon0482
 
Регистрация: 14.05.2017
Сообщений: 61

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



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
задать hover для элемента bushstas Элементы интерфейса 43 28.11.2019 14:39
Hover для элементов списка с одинаковым номером Gera Herbst (X)HTML/CSS 2 21.12.2015 19:46
Задать background элементам генерируемым динамически (rivets.js) falkone Events/DOM/Window 8 01.06.2015 23:03
Присвоение значение элементам с одинаковым классом Mesher Общие вопросы Javascript 6 12.09.2012 17:11
Установка цвета через функцию .css() сбрасывает цвет для :hover xintrea jQuery 4 18.08.2012 15:38