Дизайн всплывающей подсказки Bootstrap 5

#javascript #html #jquery #tooltip #bootstrap-5

Вопрос:

Пожалуйста, посоветуйте мне, как я могу удалить определенные атрибуты тегов (например, класс, стиль и т.д.) Из заголовка всплывающей подсказки. Чтобы продемонстрировать проблему, вот мой пример jsFiddle. Наведение курсора работает как наведение на текст ячейки таблицы: Apple, и я пытаюсь, например, выделить заголовок таблицы подсказок зеленым цветом. Я предполагаю, что решение может скрываться в правильной настройке белого списка-allowList и распространяться на все атрибуты html, но я не могу найти решение… Любая помощь будет признательна.

 $(document).ready(function(){
  $('[data-toggle="tooltip"]').tooltip();
});

var myDefaultAllowList = bootstrap.Tooltip.Default.allowList;
myDefaultAllowList.table = [];
myDefaultAllowList.tr = [];
myDefaultAllowList.td = [];
myDefaultAllowList.th = [];
myDefaultAllowList.tbody = [];
myDefaultAllowList.thead = [];
 

Комментарии:

1. ПРИВЕТ, ты имеешь в виду вот так ?

2. Tnx Свати! Решенный.