Как мне сделать закругленные всплывающие подсказки Jquery UI?

Question

Как мне сделать закругленные всплывающие подсказки Jquery UI?

0

Это css в моей таблице стилей. Погода Я использую ui-tooltip или создаю свой собственный класс всплывающей подсказки и указываю его в инициализации всплывающей подсказки, он не обходит углы. Я предполагаю, что есть некоторый конфликт приоритета css, но я совершенно новичок в css и еще не уверен в своих недоработках.

Мне действительно нужны круглые углы.

.ui-tooltip {
  position: absolute;
    background: #f9a235;
    color: #fff;
    padding: 6px 0px; 
    border-width: 1px;
    border-radius: 25px;
  }

user3608828 06 май 2014, в 17:21

Источник

0

Вы дали всплывающей подсказке любую высоту или ширину?
Paulie_D 06 май 2014, в 15:20
1

поставить! важный после вашего границы-радиуса и посмотреть, поможет ли это
Captain Kenpachi 06 май 2014, в 15:20
0

Я не дал ему ни высоты, ни ширины, я постараюсь добавить!
user3608828 06 май 2014, в 15:20
2

Нам также нужно увидеть немного HTML и больше CSS. Было бы лучше, если бы вы могли опубликовать скрипку с примером.
disinfor 06 май 2014, в 15:20
2

посмотрите здесь: jqueryui.com/tooltip/#custom-style
user1659862 06 май 2014, в 15:21
0

Border-radius не очень хорошо поддерживается в некоторых старых версиях IE . Кроме того, вам нужно создать минимальный, полный и проверяемый пример . Помогите нам помочь вам.
Liam 06 май 2014, в 15:24
0

Я прошу прощения за краткость, я посмотрю, смогу ли я повторить проблему в тестовом приложении, и приведу лучший пример. HTML-код для этого - всего лишь 2 тестовых элемента <p>, причем подсказки динамически создаются библиотекой javascript, которую я пишу
user3608828 06 май 2014, в 15:27
0

Вы можете рассмотреть возможность использования всплывающей подсказки Bootstrap. getbootstrap.com/javascript/#tooltips
DivineChef 06 май 2014, в 16:01

Показать ещё 6 комментариев

Теги:

javascript

jquery

css

jquery-ui

stylesheet

1 ответ

Ещё вопросы

Вы дали всплывающей подсказке любую высоту или ширину?
поставить! важный после вашего границы-радиуса и посмотреть, поможет ли это
Я не дал ему ни высоты, ни ширины, я постараюсь добавить!
Нам также нужно увидеть немного HTML и больше CSS. Было бы лучше, если бы вы могли опубликовать скрипку с примером.
посмотрите здесь: jqueryui.com/tooltip/#custom-style
Border-radius не очень хорошо поддерживается в некоторых старых версиях IE . Кроме того, вам нужно создать минимальный, полный и проверяемый пример . Помогите нам помочь вам.
Я прошу прощения за краткость, я посмотрю, смогу ли я повторить проблему в тестовом приложении, и приведу лучший пример. HTML-код для этого - всего лишь 2 тестовых элемента <p>, причем подсказки динамически создаются библиотекой javascript, которую я пишу
Вы можете рассмотреть возможность использования всплывающей подсказки Bootstrap. getbootstrap.com/javascript/#tooltips

KyleMit · Answer 1 · 2014-05-06T13-46-00.000Z

Что не работает в вашей текущей реализации?

Рабочая демонстрация в скрипке

Это должно делать трюк:

.ui-tooltip {
    border-radius: 25px;
}

Скриншот:

Обязательно проверьте совместимость браузера, поскольку это не будет работать в IE8:
http://caniuse.com/border-radius

Это работает в моем браузере, как и многие другие примеры. Это довольно большое приложение для стоек с множеством движущихся частей, и это не моя область знаний. Из того, что я понимаю, это ДОЛЖНО просто работать, поэтому я так потерян.