アイコンを追加してツールチップを具体化するにはどうすればいいですか？

Question

私たちは、このフォント素晴らしいアイコンを現在の時間側での実際のツールチップボタンの隣に私は何をする必要があるかマテリアライズFA FA-さえずりは私が知っている

<div class="center"> 
    <i class="fa fa-twitter"></i> 
    <a class="btn tooltipped" data-position="bottom" data-delay="50" data-customcss="csszzz" data-tooltip="I am tooltip" >Hover me!</a> 
    </div> 

があるツールチップ内にそれを置くためにされていdata-customcssの実装も同様に理論上は.css経由で写真アイコンのURLリンクを使って実装することができますが、それがどのように角度で表示されるのかわかりません。

data-customcss = "csszzz"例えば、尖ったCSSクラスとして何もしません。 .csszzz

Answer 1

はちょうどあなたのアンカー要素にdata-html="true"を追加し、ツールチップの内側にアイコンを移動：

<div class="center"> 
    <a class="btn tooltipped" 
     data-position="bottom" 
     data-delay="50" 
     data-html="true" 
     data-tooltip="<i class='fa fa-twitter'></i> I am tooltip" >Hover me!</a> 
</div> 

は、参考のためにhttp://materializecss.com/dialogs.html#tooltipをご覧ください

plunker：この上に多くの時間を無駄にhttps://plnkr.co/edit/3cZtphZ984R1ZqnkuLBX?p=preview