Смена стиля при смене фокуса

@Konstantin1706 · Регистрация: 17.07.2008

Author24 — интернет-сервис помощи студентам

Добрый день. Мне необходимо изменить стиль кнопки при нажатии(удержании) и переводом фокуса на другой элемент. Предположим, имеются 2 кнопки, нажимаю на одну и задерживаю и перевожу курсор на другой элемент путем нажатия на tab, стиль первой кнопки доложен измениться.
Пытался сделать путем button:active:not(:focus). Но стиль меняется только тогда, когда меняется фокус у самого окна, с помощью alt+tab. Буду благодарен, если получу ответ.

Добавлено через 5 минут
"перевожу фокус"... я ошибся

@Atonaome · 16.11.2015, 20:17

Используйте для button псевдоклассы :active и :focus

HTML5

<!DOCTYPE html>
<html>
<head>
<title>Test</title>
<style>
button:active {
background-color: red;
}
button:focus {
background-color: green;
}
</style>
</head>
<body>
<button>Button1</button>
<button>Button2</button>
</body>
</html>

@winner_ua · 17.11.2015, 00:01

Konstantin1706, попробуйте такой вариант, возможно, это решение вашей задачи

CSS

    #button1:hover {
      background: red;
    }
 
    #button1:focus {
      background: red;
    }
 
    #button1 {
      background: green;
    }
 
    #button2:focus {
      background: red;
    }
 
    #button2:hover {
      background: red;
    }
 
    #button2 {
      background: blue;
    }

HTML5

1 2	<input id="button1" type="submit" onkeypress="if (event.which === 13) this.blur()" /> <input id="button2" type="submit" onkeypress="if (event.which === 13) this.blur()" />

@Konstantin1706 27 / 27 / 3 Регистрация: 17.07.2008 Сообщений: 224
		1
	Смена стиля при смене фокуса 16.11.2015, 14:35. Показов 1937. Ответов 2 Метки нет (Все метки) Добрый день. Мне необходимо изменить стиль кнопки при нажатии(удержании) и переводом фокуса на другой элемент. Предположим, имеются 2 кнопки, нажимаю на одну и задерживаю и перевожу курсор на другой элемент путем нажатия на tab, стиль первой кнопки доложен измениться. Пытался сделать путем button:active:not(:focus). Но стиль меняется только тогда, когда меняется фокус у самого окна, с помощью alt+tab. Буду благодарен, если получу ответ. Добавлено через 5 минут "перевожу фокус"... я ошибся 0

	17.11.2015, 00:01

Смена стиля при смене фокуса

Решение