0
我想更改引導程序的工具提示的默認樣式,並且在遵循W3Schools文章後我能夠做到這一點。那篇文章以及其他SO post建議使用類似下面爲什麼bootstrap的工具提示JavaScript初始化對於自定義樣式是必需的?
/* Tooltip on top */
.test + .tooltip.top > .tooltip-arrow {
border-top: 5px solid green;
}
這意味着我要補充的工具提示元素test
類。但我想所有的工具提示有相同的風格,所以我決定不加test
類
我的工作JSFiddle is here
然而,爲了獲得定製的造型工作我必須使用初始化toolips的JavaScript
$(document).ready(function(){
$('[data-toggle="tooltip"]').tooltip();
});
如果我刪除此javascript,工具提示仍然有效,但不顯示自定義樣式。
所以工具提示工作,無論我初始化它使用JavaScript或不,但自定義樣式只適用於初始化使用JavaScript。爲什麼?
但即使您不選擇加入,工具提示仍然有效。如果我們只是將'title'屬性添加到任何html元素中,它將顯示工具提示而無需選擇參與 – LP13
即使沒有Bootstrap,工具提示也是默認功能。 Bootstrap團隊傾向於選擇使用「工具提示」中的自定義功能,以避免自動執行此功能。 –