jquery uiでのツールチップ表示

Question

現在jQuery uiにてツールチップを実現していますが、下記のようにカスタマイズは可能でしょうか。
また、やり方をご存知であればご教授お願いいたします。

サンプルなどがあると大変ありがたいです。

追記
怒られるのは覚悟していましたが丸投げの指摘が数多くありましたので追記します。
セキュリティの都合で思うように調べられないでいたのでこちらで情報を取ろうとしましたが怒られてしまいました。
使用してきたプラグインが仕様に対して期待される動作をしないことが判明したためツールチップ表示を調査しておりました。私がイメージしているツールチップ表示というのはいわゆる吹き出しだったので、なぜデフォルトで吹き出し風じゃないんだと思いました。少ない情報しか集められない中、調べているとどうやらツールチップのオプションやらクラスを追加すればできますよやらに吹き出し風に見せるものはなさそうで、手間がかかる予感がしました、業務の切迫感もあり、こんなものに時間をかけている余裕はない。。という理由からこのような質素な質問内容になってしまいました。怒られるのは覚悟していましたが、実はオプションがあるのではないか、という微かな希望を抱きながら調査を続けていましたが、また別のプラグインなりブートストラップなりを自分で調査します。失礼しました。

現状

$('#main').tooltip({
  position: {
    my: 'left top', at: 'right bottom', collision: 'none'
  }
});

Comments

[m.ts10806]

このままでは丸投げ質問（非推奨質問の代表格です）となってしまうので、自身が調べていく中でやってみたコードをご提示ください。その上で「何が」「どう」分からなかったのか記載してください。 https://teratail.com/help/question-tips

[m.ts10806]

長々と言い訳をされていますが、私が先に置いた「質問するときのヒント」を読めば分かるはずですよ。 >teratailを「サポートセンター」だとは思わないでください。 作業依頼のような投稿をして、課題や仕事を無償でやってもらえる場ではありません。

Answer 1

ツールチップの見た目は単にcssで表現されているだけなので上書きしてしまえばなんとでもなります。
公式サイトにサンプルありました。
https://jqueryui.com/tooltip/#custom-style

Comments

[sanezane]

助かりました！公式にあったんですね...完全に見落としてました。。的確過ぎる回答ありがとうございました。