Воссоздание всплывающей подсказки по умолчанию в браузерах ⇐ CSS

[Anonymous]

В Windows, Chrome
Цель 1: 
Наведите указатель мыши на элемент, чтобы отобразить подсказку, заморозьте его и проверьте с помощью Инструменты разработки Chrome для получения стилей по умолчанию.
Что я пробовал?
Проверил решения здесь
Проверить наведенный элемент в Chrome?
Как проверить всплывающую подсказку пользовательского интерфейса JQuery?
Проблема: -
все перечисленные решения не работают.
1 – нажатие F8 приводит к исчезновению подсказки. (на вкладке «Исходный код»)
2 – Использование «Точек останова прослушивателя событий», метод «mouseout» ничего не делает.
3 – Использование «Отладчик» или «консольный метод» не работают, поскольку ничего не происходит.
Цель 2: —
Воссоздайте подсказку с помощью собственных стилей. .
Что я пробовал?
Попробовал решение здесь.
Как изменить стиль атрибут заголовка внутри тега привязки?
Проблема: -
1 – отображаются как подсказка по умолчанию, так и пользовательская подсказка. . (нужно только показать пользовательскую подсказку)

Код: Выделить всё

.tooltip {
position: relative;
}

.tooltip[title]:hover::after {
content: attr(title);
position: absolute;
bottom: -50px;
left: 25px;
color: red;
}

Код: Выделить всё

Hover over me

Подробнее здесь: https://stackoverflow.com/questions/781 ... n-browsers