Мы принимаем к оплате:
«Подарочный сертификат» от нашего Учебного Центра – это лучший подарок для тех, кто Вам дорог! Оплате обучение и подарите Вашим родным и близким обучение по любому из курсов!!!
«Сертификат на повторное обучение» дает возможность повторно пройти обучение в нашем Учебном Центре со скидкой 1000 рублей!
А также:
Изменить цвет кнопки при наведении мышкой в css
Чтобы изменить значок и текстовый цвет кнопки при наведении курсора мыши в компонент меню
Я использую Меню с компонентами значков в моем проекте. На мыши, нависшие над пунктами меню (например: редактировать), я хочу изменить цвет текста и значка, что-то вроде этого.
Но я могу дать только фоновый цвет при наведении мыши, но не смог изменить текстовый цвет при наведении мыши.
Я попытался дать цвет:! Important; также, по-прежнему нет результата.
Вот ссылка stackblitz.
задан Prashanth GH 17 сент. '18 в 12:57
источник поделитьсяИзменить цвет текста при наведении курсора
В программе WYSIWYG Web Builder возможно несколькими способами изменить цвет у текста при наведении на него курсора мыши. Ниже будет представлено несколько таких вариантов с использованием псевдокласса hover.
Пример текста, изменяющего свой цвет:
Демо-пример: наведите курсор мыши на этот текст
В HTML исходнике текста во вкладке -- Перед тегом -- прописать:
#wb_uid2:hover {color:#FF0000;}
Описание значений:
#wb_uid12 - это id текста (его можно посмотреть в исходном коде страницы).
#FF0000 - это цвет текста, на который он изменится при наведении курсора.
Этот способ подходит для программы WYSIWYG Web Builder 11 / 12 версии.
Второй способ для изменения цвета текста при наведении курсора мыши, подходит для WYSIWYG Web Builder 10 / 11 / 12 версии. Здесь будет использоваться id текста, который вы можете сами прописать, через программу.
Пример текста, изменяющего свой цвет:
Демо-пример: наведите курсор мыши на этот текст
В HTML исходнике текста во вкладке -- Перед тегом -- прописать:
#wb_DemoPrimer2 > span:hover {color:#3A88AF !important;}
Описание значений:
DemoPrimer2 - это id текста, который вы можете прописать в программе.
#3A88AF - это цвет текста, на который он изменится при наведении курсора.
Этот способ подходит для программы WYSIWYG Web Builder 10 / 11 / 12 версии.
В данном способе цвет текста будет изменён при наведении курсора мыши на слой с текстом. Здесь будет использоваться id слоя, который вы сможете прописать, через программу в контекстном меню -- Сменить ID.
Пример текста, изменяющего свой цвет в слое:
Демо-пример: наведите курсор мыши на этот слой с текстом
В HTML исходнике текста во вкладке -- Перед тегом -- прописать:
#DemoPrimer3:hover span{color:#2BAECA !important;}
Описание значений:
DemoPrimer3 - это id слоя, который вы можете прописать в программе.
#2BAECA - это цвет текста, на который он изменится при наведении курсора.
Данный способ работает в программе WYSIWYG Web Builder 11 / 12 версии.
Как изменить в таблице цвет фона при наведении на неё курсора мыши
Всем привет! Сегодня поступила задача задать цвет фона строки таблицы и цвет текста при наведении на неё курсора мыши средствами CSS. Вид таблицы при этом должен стать более изящным и дружественным к посетителю сайта. Кроме того работа с таблице должна быть более комфортной: посетитель, проходят мышью по таблице, мог визуально контролировать на какой строке он фокусирует свой взгляд
Решение
Стиль элемента при наведении на него курсора мыши определяется с помощью псевдокласса :hover, он добавляется к нужному селектору.
Для изменения стиля строки таблицы, :hover следует добавить к селектору tr, задав желаемый цвет фона через свойство background.
Например:
tbody tr:hover { background-color: whitesmoke; }background-color: whitesmoke; |
Если вы нашли ошибку, пожалуйста, выделите фрагмент текста и нажмите Ctrl+Enter.