hide contextual dialog buttons in facebook

使用facebook的contextual dialog來做user tip功能的時候，我們可能會希望onmouseover的時候顯示tip，onmouseout的時候讓tip消失，因此我們不需要原本在contextual dialog上面default會顯示的"Okay" button。

原本在網路上找到的解法是直接覆寫facebook定義的.dialog_buttons class，但是這會讓該頁面的所有dialog button都消失，如果該頁面也有用到其他需要用到button的dialog就會出問題了。所以比較好的解法是指針對contextual dialog作class覆寫。

看了一下他的結構，其實只要加入下面這個class就可以了。

.contextual_dialog_content .dialog_buttons {
display:none;
}

其實是很簡單的東西，結果花了不少時間，因為一直拘泥於網路上的解法在試。

update:
要把tip dialog變窄的話，只要指定.contextual_dialog_content的width，並加上margin-left就可以了。