Joomla 3のツールチップのDOM構造は何ですか？

Question

私のウェブサイトのフロントエンドビューでフォームを使用しています。入力フィールドのラベルには、マウスでマウスを移動するとヒント/ツールチップが表示されます。これらのツールチップをフロントエンドテンプレートのCSSでスタイルしたいと思います。したがって、私はこれらのツールチップのDOM構造を知る必要があります。

どういうわけか私はこのことに関するドキュメントを見つけることができず、Google Chromeで 'Inspect element'を使用しても、ツールチップを検査しようとしても、 。

大変助かりました！ Joomlaのバックオフィスで

Answer 1

デフォルトのツールチップこのような構造を持って、私はそれがフロントオフィスで同じであることをかなり確信している：

<div class="popover fade right in"> 
    <div class="arrow"></div> 
    <h3 class="popover-title">[TITLE]</h3> 
    <div class="popover-content">[TEXT]</div> 
</div>