Форум программистов, компьютерный форум, киберфорум
HTML, CSS
Войти
Регистрация
Восстановить пароль
Блоги Сообщество Поиск Заказать работу  
 
Рейтинг 4.64/11: Рейтинг темы: голосов - 11, средняя оценка - 4.64
 Аватар для Konstantin1706
27 / 27 / 3
Регистрация: 17.07.2008
Сообщений: 224

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

16.11.2015, 14:35. Показов 2161. Ответов 2
Метки нет (Все метки)

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

Добавлено через 5 минут
"перевожу фокус"... я ошибся
0
Лучшие ответы (1)
IT_Exp
Эксперт
34794 / 4073 / 2104
Регистрация: 17.06.2006
Сообщений: 32,602
Блог
16.11.2015, 14:35
Ответы с готовыми решениями:

Смена стиля страницы
Необходимо сделать смену темы сайта (да пусть хотя бы цвета фона) по клику кнопки. Такое мне сделать удалось, вот только прописал код...

При смене фокуса вылетает ошибка
Когда переключаешся на другую форму вылетает ошибка, что делать??? unit Unit1; interface uses Windows, Messages,...

Программа закрывается при сворачивании или смене фокуса на процессе
В общем основная суть в названии - программа закрывается при сворачивание, а так же при смене фокуса на процессе. В общем, есть программа,...

2
1 / 1 / 1
Регистрация: 12.07.2013
Сообщений: 12
16.11.2015, 20:17
Лучший ответ Сообщение было отмечено Konstantin1706 как решение

Решение

Используйте для button псевдоклассы :active и :focus
HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
<!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>
0
10 / 10 / 6
Регистрация: 27.08.2015
Сообщений: 42
17.11.2015, 00:01
Konstantin1706, попробуйте такой вариант, возможно, это решение вашей задачи

CSS
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
    #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()" />
1
Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.
BasicMan
Эксперт
29316 / 5623 / 2384
Регистрация: 17.02.2009
Сообщений: 30,364
Блог
17.11.2015, 00:01
Помогаю со студенческими работами здесь

Смена background при смене слайда !
Всем привет. Сразу к делу. На сайте реализован большой слайдер, на всю ширину экрана. Нужно, что-бы при смене слайда, менялся background...

Смена сервера при смене платформы
Приветствую, ребята! Не силен в этом вопросе, возможно он кому-то покажется странным. Планируется установить еще одну платформу (более...

Смена стиля Labеl 'а при наведении
Как сделать чтобы при наведении на Label1 он становился подчеркнутым, я уже сделал MouseMove,нужно только код.

Смена цвета изображения при смене параметров
Здравствуйте. Хочу обратиться с проблемой. Дана интерактивная карта некой области, показывающая плотность населения по районам, нужно...

Банальная смена символов при смене значения
нужно что бы при смене значения менялись символы с Русских на Английские &lt;select onchange=&quot;тут значение&quot;&gt; ...


Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:
3
Ответ Создать тему
Новые блоги и статьи
Воспроизведение звукового файла с помощью SDL3_mixer при касании экрана Android
8Observer8 26.01.2026
Содержание блога SDL3_mixer - это библиотека я для воспроизведения аудио. В отличие от инструкции по добавлению текста код по проигрыванию звука уже содержится в шаблоне примера. Нужно только. . .
Установка Android SDK, NDK, JDK, CMake и т.д.
8Observer8 25.01.2026
Содержание блога Перейдите по ссылке: https:/ / developer. android. com/ studio и в самом низу страницы кликните по архиву "commandlinetools-win-xxxxxx_latest. zip" Извлеките архив и вы увидите. . .
Вывод текста со шрифтом TTF на Android с помощью библиотеки SDL3_ttf
8Observer8 25.01.2026
Содержание блога Если у вас не установлены Android SDK, NDK, JDK, и т. д. то сделайте это по следующей инструкции: Установка Android SDK, NDK, JDK, CMake и т. д. Сборка примера Скачайте. . .
Использование SDL3-callbacks вместо функции main() на Android, Desktop и WebAssembly
8Observer8 24.01.2026
Содержание блога Если вы откроете примеры для начинающих на официальном репозитории SDL3 в папке: examples, то вы увидите, что все примеры используют следующие четыре обязательные функции, а. . .
моя боль
iceja 24.01.2026
Выложила интерполяцию кубическими сплайнами www. iceja. net REST сервисы временно не работают, только через Web. Написала за 56 рабочих часов этот сайт с нуля. При помощи perplexity. ai PRO , при. . .
Модель сукцессии микоризы
anaschu 24.01.2026
Решили писать научную статью с неким РОманом
http://iceja.net/ математические сервисы
iceja 20.01.2026
Обновила свой сайт http:/ / iceja. net/ , приделала Fast Fourier Transform экстраполяцию сигналов. Однако предсказывает далеко не каждый сигнал (см ограничения http:/ / iceja. net/ fourier/ docs ). Также. . .
http://iceja.net/ сервер решения полиномов
iceja 18.01.2026
Выкатила http:/ / iceja. net/ сервер решения полиномов (находит действительные корни полиномов методом Штурма). На сайте документация по API, но скажу прямо VPS слабенький и 200 000 полиномов. . .
КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin
Copyright ©2000 - 2026, CyberForum.ru