Мы принимаем к оплате:

«Подарочный сертификат» от нашего Учебного Центра – это лучший подарок для тех, кто Вам дорог! Оплате обучение и подарите Вашим родным и близким обучение по любому из курсов!!!

«Сертификат на повторное обучение» дает возможность повторно пройти обучение в нашем Учебном Центре со скидкой 1000 рублей!

А также:


Изменить цвет кнопки при наведении мышкой в css


Чтобы изменить значок и текстовый цвет кнопки при наведении курсора мыши в компонент меню

Я использую Меню с компонентами значков в моем проекте. На мыши, нависшие над пунктами меню (например: редактировать), я хочу изменить цвет текста и значка, что-то вроде этого.

Но я могу дать только фоновый цвет при наведении мыши, но не смог изменить текстовый цвет при наведении мыши.

Я попытался дать цвет:! Important; также, по-прежнему нет результата.

Вот ссылка stackblitz.

задан Prashanth GH 17 сент. '18 в 12:57

источник поделиться

qaru.site

Изменить цвет текста при наведении курсора

В программе 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 версии.

dlod.ru

Как изменить в таблице цвет фона при наведении на неё курсора мыши

Всем привет! Сегодня поступила задача задать цвет фона строки таблицы и цвет текста при наведении на неё курсора мыши средствами CSS. Вид таблицы при этом должен стать более изящным и дружественным к посетителю сайта. Кроме того работа с таблице должна быть более комфортной: посетитель, проходят мышью по таблице, мог визуально контролировать на какой строке он фокусирует свой взгляд

Решение

Стиль элемента при наведении на него курсора мыши определяется с помощью псевдокласса :hover, он добавляется к нужному селектору.

Для изменения стиля строки таблицы, :hover следует добавить к селектору tr, задав желаемый цвет фона через свойство background.

Например:

tbody tr:hover { background-color: whitesmoke; }
background-color: whitesmoke;

Если вы нашли ошибку, пожалуйста, выделите фрагмент текста и нажмите Ctrl+Enter.

web-profi.by


Смотрите также



Компьютерные курсы по направлениям:

Для начинающих


A

Компьютер для начинающих: Word, Excel, Access и другие программы!

Графические пакеты


B

Популярные пакеты Adobe Photoshop, CorelDraw, ArchiCAD, AutoCAD и другие!

WEB + анимация


C

Курсы по созданию сайтов, WEB-дизайну и крутой анимации в Adobe Flash!

Бухгалтерия + делопроизводство

Сетевые технологии


E

Курсы сборки ПК, системных администраторов и защиты информации!