Меню

Как изменить цвет всплывающей подсказки



Можно ли изменить вид всплывающей подсказки?

Internet Explorer Chrome Opera Safari Firefox Android iOS
6.0+ 1.0+ 8.0+ 2.0+ 1.0+

Задача

Сделать всплывающую подсказку при наведении на картинку, оформление подсказки должно управляться через стили.

Решение

Всплывающая подсказка, добавляемая к изображениям через атрибут title тега , является системным элементом, поэтому вид подсказки зависит от используемого браузера, операционной системы и её настроек. Хотя напрямую изменить оформление подсказки нельзя, допустимо пойти обходным путем и имитировать всплывающую подсказку с помощью JavaScript.

Для начала создадим пустой элемент

Пример 1. Стиль для всплывающей подсказки

Сам скрипт состоит из двух функций — moveTip отслеживает движение мыши и в соответствии с координатами курсора меняет положение элемента, и toolTip управляет видимостью элемента и выводит в нём желаемый текст (пример 2).

Пример 2. Скрипт для вывода слоя

Для удобства и универсальности скрипт следует вынести в отдельный файл и подключать его через атрибут src тега

Объектив: Canon EF 24-105 f/4L IS USM
Вспышка: Canon Speedlite 580 EX
Выдержка: 1/125
Диафрагма: 5.6′)» onMouseOut=»toolTip()»>

Источник

не прозрачный цвет фона всплывающей подсказки

при тестировании на локальном компе вес нормально, но когда загрузил все файлы (css, js, html) на сервер фон всплывающей подсказки стал прозрачным.
как сделать фон подсказки НЕ прозрачным ?

пробовал z-index не работает

Добавлено через 1 час 37 минут
проблема оказалась в
position: relative;
только сейчас всплывающая подсказка растягивается.

Как изменить дизайн всплывающей подсказки?
Перечитал кучу инфы. Не могу понять, как изменить дизайн всплывающей подсказки (цвет фона.

Отображение всплывающей подсказки
Всем привет! Сделал всплывающий блок при наведении на карту изображения, вместо title. Изначально.

OxyPlot — plotting library. Изменить цвет текста всплывающей подсказки
Средства для построения графиков: http://habrahabr.ru/post/204308/ Нашёл достаточно быстрый в.

Прозрачный цвет фона формы
Доброго времени суток. Столкнулся с проблемой, не могу установить прозрачный цвет фона для.

проблема оказалась в
position: relative;
только сейчас всплывающая подсказка растягивается. поэтому я добавил width: 250px;

чтобы более менее было понятно..отрывок кода из html:

Добавлено через 8 минут
пример взял вот из этого сайта

Заказываю контрольные, курсовые, дипломные и любые другие студенческие работы здесь.

Задать цвет фона для подсказки
Помогите пожалуйста как подсказке задать цвет фона. Включите для формы подсказку . Установите цвет.

Прозрачный цвет фона для элемента управления
Доброго времени суток. Столкнулся с проблемой, не могу установить прозрачный цвет фона для.

Реализация всплывающей подсказки
В интернете полно ресурсов как реализовать с помощью css, но все они статические. С этим проблем не.

Создание всплывающей подсказки.
Напишите код для создания всплывающей подсказки на панели задач и вставки своего текста в нее.

Источник

как изменить цвет всплывающей подсказки в windows 10?

есть способы изменить размер шрифта, некоторые, но не все, всплывающие подсказки в Win10.

но я хочу изменить подсказку цвета, как это было возможно в WinXP до Win7. В частности, я хочу, чтобы фон подсказки к черный и подсказка шрифт зеленое.

Я посмотрел на все другие ответы суперпользователя говорит, что связаны, но ни один из них приложенный. Если кто-то не может показать мне, как любит:

  • как я могу изменить цвет BSOD?
  • как я могу изменить цвет текста, который я уже написал в OneNote?
  • как я могу изменить цвет панели вкладок в ConEmu

применить к моему вопросу, конечно мне было бы интересно!

2 ответов

вы можете изменить некоторые цвета в regedit. Нажмите клавишу Windows и R: введите regedit и нажмите клавишу Ввод. Затем найдите эту папку:

раздел HKEY_CURRENT_USER\Панель управления\рабочий стол\цвета

после долгих экспериментов я чувствую, что имею право на свой собственный ответ:

ключ, который работает для меня-это:
HKEY_CURRENT_USER\Control Panel\Colors
с StringValues из InfoWindow при 0 0 0 (для черного фона) и InfoText при 0 255 0 (для зеленого текста).
работает на некоторых подсказках, но не на taskbartooltips.

HKEY_CURRENT_USER\Control Панель\Desktop Цветы\ ничего для меня не делает.

Источник

Как изменить цвет фона всплывающей подсказки в единстве?

Во многих приложениях, подсказки и просто некрасиво (белый текст на черном фоне, слишком много контраста) или даже нечитаемые (черный или темно-синий текст (гиперссылки) на черном фоне). Я хочу изменить цвет фона всплывающих подсказок в некоторых средне-серый или даже желтый или что-то подобное, может даже что-то полупрозрачное.

Читайте также:  Как поменять цвет свитера

Вот скриншот затмение, которое отображает исходный код в подсказке с черным текстом на черном фоне:

Переключение на другую тему (что-то другое, чем Ambiance или Radiance) помогает, Но мне нравится атмосфера и я хочу сохранить ее. Это’s просто эта чертова подсказка цвет, который является абсолютно неприемлемым.

Я нашел несколько решений для старых версий Ubuntu, но они больше не работают с Unity в Ubuntu 11.10, потому что я могу’т найти любую функцию, чтобы настроить атмосферу или тема сияние. Так как мне это сделать в текущей версии Убунту?

16 ответов

Установите и откройте гном-цвет-Выбор .

Перейти к конкретным → подсказки и положить черный текст на бледно-желтом фоне.

перезапустить Eclipse, чтобы изменения вступили в силу

Нет необходимости, чтобы перезагрузить для меня.

Это тоже работает на 12.04 ЛТС с Eclipse 4.2!

К сожалению, это не работает для меня (Убунту 12.04 64-бит и Джуно Эклипс). Как принято отвечать, а от Джо, работал для меня.

+1, но учтите, что это влияет на все системы подсказок. Если вы хотите решение только для Eclipse, следуйте @Бейн’ы ответ.

+1, у меня была такая проблема с Eclipse в течение более чем года в разных релизов Ubuntu. даже на работе. это была самая раздражающая проблема, которую я когда-либо имел в Ubuntu. ВМ спасибо!

Это не работает для Xubuntu с Xfce.

не работает в 16.04 . kayahr ответ хорошо работает

Мне пришлось редактировать эти файлы:

(Дополнение: для Ubuntu 12.04, похоже, просто нужно внести изменения в файл: /usr/доли/темы/кроме того,/в GTK-2.0/gtkrc по , заменяя в подсказке фона и цвет переднего плана на #000000 и #f5f5b5 цвет, соответственно)

Вам потребуются права root, чтобы отредактировать файлы. Использовать в gksudo редактора gedit в , чтобы редактировать их.

Искать «подсказки» в эти файлы и вы’ll найти определения цвета для переднего плана и фона. Я использую #000000 как переднего плана и#f5f5b5 в качестве фона, и теперь всплывающие подсказки во всех приложениях прочесть еще раз. После изменения значения цвета просто переключиться на другую тему, а затем обратно в Атмосфера и цветовая подсказка исправлена.

Не могли бы вы пожалуйста, укажите, как вы настроите конфигурацию или пример конфигурации? Это поможет другим желать того же более.

Что именно не хватает в моем описании? Я перечислил файлы, которые должны быть отредактированы и за какой срок вы должны искать. Вы’ll найти цветовые значения и менять их на что-то вам нравится, а затем сохранить файлы и перезагрузить тему. Что’s оно.

Дон’т поймите меня неправильно. Это’ы довольно хороший ответ. Мне было просто предложено включить полную запись изменить (например, чтобы показать, как это выглядит до и после изменения). Явное определение-это хорошо.

любой способ сделать это с помощью пользовательского интерфейса в Ubuntu 11?

Кроме того, вы должны перезапустить Eclipse после этого.

она должна быть gksudo , а не судо .

Работает, как ожидалось в Xubuntu 12.10, а также.

Есть ли способ, чтобы изменить это для пользователя (т. е. не требуется [ГК]судо ? Я’м уверены, что, как большинство гномов настройки, есть для каждого пользователя конфигурационный файл/реж

@MestreLion: темы пользователя выбирается из

/.темы/ . Вам нужно скопировать папку Кроме в этом.

Мне пришлось редактировать на GTK-3.0/GTK-на-Майне.в CSS, но это работает на 14.04. Также работает при использовании в «Сияние» в тему, просто нужно редактировать те же файлы в папке сияние .

причина редактирования ГТК-главный.Усс это ГТК.в CSS просто, в том числе ГТК-главный.Усс : правило @import URL-адрес (с»ГТК-главный.УСБ и»);

Для Ubuntu 16.04 (как указано на 12.04), вы также можете уйти с только отредактировав файл /usr/доли/темы/кроме того,/в GTK-2.0/gtkrc ПО и замена подсказка фона и цвет переднего плана, с #000000 и #f5f5b5, соответственно.

Если вы хотите изменить цвет всплывающей подсказки для всех приложений, а затем установить и запустить гном-цветного селектора на подсказки. Установите флажки для изображения и фон и выбрать цвет.

Как это работает (вы можете сделать это вручную):

гном-цвет-выбор добавляет следующую строку в ваш

Если вы просто хотите изменить подсказку цветов для одного приложения, такие как Eclipse, а затем вставьте текст в пользовательский файл gtkrc ПО (например,

Читайте также:  Как сложить карандаши по цветам

/gtkrc по-затмение) и запустите Eclipse с GTK2_RC_FILES=

/gtkrc по-затмение Eclipse

Вот для настройки цвет фона диалогового окна автозавершения в Eclipse: https://stackoverflow.com/a/8063723/356895.

Вы знаете, как я могу включает переменную окружения в Ubuntu приложения меню Итак, затмение и загружает настройки, когда не запускается через Шелл?

Я обобщил article, который обобщает тему.

фантастический подход @Бэйн . :)Не требует судо , влияет на пользователей только, и не нужно копировать всю тему на свой

@JJD: я’м, как правило, против того, что «Спасибо» не только комментарии, но ваши статьи-это потрясающе. Я заметил, что он использует такой же подход, как и этот ответ. Так как я уже использовать пользовательский скрипт для запуска Eclipse из командной строки .Desktop файл, добавив GTK2_RC_FILES=. конверты-это легко. Спасибо 🙂

Привет, что ты имеешь в виду запустить Eclipse с GTK2_RC_FILES=

/gtkrc по-затмение Eclipse ?

@Ах значит вы должны ввести эту команду в терминале для запуска Eclipse с переменной GTK2_RC_FILES набор. См. почему установка переменной перед командой юридические в bash? для описания синтаксиса, это’s просто способ, чтобы временно установить одну или более переменных среды для выполнения программы, в данном случае в силу ГТК, чтобы загрузить тип файла, который вы создали.

В Ubuntu 14.04 с затмения Марс это не работает 🙁

Я создал небольшой скрипт, который сделает это за вас

Я’вэ принял несколько иное решение;

Сначала создать новый сценарий, eclipse.sh, что начинается затмение, моя выглядит так:

Затем создайте файл gtkrc (/usr/доли/затмение/gtkrc по-2.0-затмение), моя выглядит так (это есть некоторые другие изменения также лучше использовать экране):

Для ЦДТ выполнить следующие действия:

Окно>предпочтения и GT;C/с++>редактор: возникновение цветовых вариантов>источник фона при наведении

Снимите флажок по умолчанию, и выберите цвет.

К сожалению, там’s нет затмения-широкие настройки, которые я знаю. Довольно неубедительно. Вы должны’т иметь, чтобы установить вещи, как, что для всех точек зрения.

Я думаю, что это решаемо. У меня он показывает всплывающую подсказку с черными буквами на белом фоне. В моем случае, кажется, что Eclipse использует параметры ФОТ подсказки от `ГТК-файл 2.0/gtkrc по тематическому каталогу.

Моя установка: в Ubuntu 12.04, Гном (не Unitiy), затмение Индиго (3.7), GrayDay тема для GNOME. Название темы и сама тема не importat.

Откройте терминал, перейдите в тематический каталог (CD $дома/.темы) и там перейти в каталог вашей темы. Если ваш .темы каталогов если бы пустые его не’т существуют, значит, вы используете тему Система, которая находится в /usr/доли/темы. Просто выяснить имя темы, которую вы используете (правой кнопкой мыши на фон, выберите изменение фона рабочего стола, название темы должно быть в нижнем правом углу. Если он ничего не говорит о Название темы, а затем использовать гном-твик-средство, чтобы выяснить, какие темы вы используете).

В тему каталога, выполните эту команду:

в нем должны быть перечислены все файлы и строки, где упоминается клапанам на «подсказка» это. Менять каждый фон (tooltip_bg_color) до #ffffff и каждое переднего плана на #000000. Они черные на белом переднем плане, это то, что мы хотим! В частности, изменение значений в ГТК-файл 2.0/gtkrc по`.

Ошибка, которую я делаю, это изменяются цвета Подсказка в самом GTK-3.0 каталог, который не’т иметь никакого эффекта.

Теперь идите к окну -&затмение, и gt; Настройки -> Ява -> редактор и установить источник фона при наведении в «Цвет Системы» (проверяем справа). Перезапуск затмение!

Это listig из грэп -Р подсказки * из моей темы каталога после выполнения изменений:

Источник

Изменить цвет всплывающей подсказки bootstrap

Что я пытаюсь сделать, это изменить цвет всплывающей подсказки на красный. Однако я также хочу иметь несколько других цветов, поэтому я не просто хочу заменить цвет исходной подсказки.

Как бы я это сделал?

25 ответов

вы можете использовать таким образом:

Moeen MH: С самой последней версией bootstrap вам может потребоваться сделать это, чтобы избавиться от черной стрелки:

Бутстрап 2

Если вы хотите также изменить курсор / стрелку, сделайте следующее:

обновление: Bootstrap 3

вы должны быть конкретными для направления всплывающей подсказки в Bootstrap 3. Например:

jsFiddle для всех направлений подсказок с помощью Bootstrap 3: http://jsfiddle.net/technotarek/L2rLE/

Читайте также:  Бывает астильба желтого цвета

единственный способ работы для меня:

для цвета стрелки вы можете использовать следующее:

вот код подсказки в boostrap.

для bootstrap4 я использовал код:

мое исправление jQuery:

вы можете использовать это для решения вашей проблемы. Я проверил его в своем проекте, и он отлично работает.

важно отметить, что начиная с Bootstrap 4 Вы можете настроить эти стили непосредственно в файле переменных Bootstrap Sass, поэтому в _variables.scss у вас есть следующие параметры:

лучше всего работать в Sass и компилировать, когда вы идете с инструментами сборки Grunt или Gulp.

вы можете использовать quickapproach, упомянутый в других ответах, если вы просто хотите изменить цвет. Однако, если вы используете Bootstrap, чем вы должны использовать темы, чтобы выглядеть и чувствовать себя последовательно. К сожалению, нет встроенной поддержки тем для Bootstrap, поэтому я написал небольшую часть CSS, которая делает это. Вы в основном получаете tooltip-info , tooltip-warning etc классы, которые можно добавить в элемент для применения темы.

Вы можете найти этот код вместе со скрипкой, примеры и многое другое объяснение в этом ответе:https://stackoverflow.com/a/20880312/207661

стрелка на границе.
Вам нужно изменить для каждой стрелки соответствующий цвет.

однако, если я хочу добавить класс для изменения цвета (например, в скрипке с ‘.класс. + подсказка. ‘это не работает (bootstrap 3).
Если кто-то знает, как с этим справиться .

Bootstrap 3 + SASS для дно подсказки :

для стрелки сначала подтвердите, какое направление вы используете. Например, я использую left направлении, то он должен быть!—3—>

Non из вышеуказанных ответов отлично работает в случае container: ‘body’ , и следующие решения:

и простой фрагмент CSS:

теперь вы можете init подсказку как обычно, передавая пользовательский класс CSS через :

Кажется, изменилось в Bootstrap 4

Если вы хотите изменить цвет нижней подсказки в красном цвете, просто добавьте это в свой CSS:

на это уже ответили правильно, но я думаю, что я тоже должен дать свое мнение. Как cozen говорит, что это граница, и для ее работы вы должны указать классы для форматирования так же, как bootstrap указывает его. Итак, вы можете сделать это

или можно сделать одну, лишь для подсказки-стрелки, но вы должны добавить !важно, чтобы он перезаписывал bootstrap css

вы можете использовать таким образом:

он изменит цвет всплывающей подсказки в bootstrap4, которую вы можете использовать внизу, влево, вправо, чтобы добавить CSS для соответствующего вместо top in .BS-tooltip-top

единственный способ работы для меня:

проверьте это, возможно, это может вам помочь. Вы можете иметь несколько подсказок цвета.

мы используем bootstrap 3.0 на нашем веб-сайте, но ни один из вышеперечисленных шагов не работал при обновлении стиля всплывающей подсказки. Но я нашел решение, используя стиль jQueryUI вместо

в CSS

HTML-код

Я добавляю этот ответ в случае, если кто-то еще в подобной ситуации, как и я.

этот простой метод работает для меня, когда я хочу изменить цвет фона всплывающих подсказок:

если js код включить .data(‘tooltip’) не работает для Вас, пожалуйста комментировать ее строку и раскомментировать js код включить .data(‘bs-tooltip’) .

Примечание B:

если ваша функция Bootstrap tooltip добавить подсказку до конца тела (не сразу после элемента), мое решение работает, но хорошо но некоторые другие ответы на этих страницах не работают, как @Praveen Kumar и @technoTarek в этом случае.

Примечание C:

этот код поддерживать tooltip arrow цвет во всех местах размещения всплывающей подсказки ( top , bottom , left , right ).

Если вы хотите использовать jQuery вы можете попробовать это:

для Bootstrap 4 с зависимостью от tether.js the .tooltip-классы стрелок были заменены .подсказка.bs-tether-element-attached — [позиция]

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

вам придется настроить для других позиций, т. е. для .подсказка.bs-tether-element-attached-left вы отрегулируете границу-вправо и переместите, если увеличение ширины границы путем вычитания пикселей из «слева»и т. д.

Олег https://stackoverflow.com/a/42994192/9921853 это лучшее, что есть. Позволяет применять стили подсказок к динамически создаваемым элементам. Однако он не работает для Bootstrap 4. Он должен быть слегка изменен:

Bootstrap 3:

Bootstrap 4:

Полное Решение (Bootstrap 3)

Источник