沒有PIP基金會4定製的提示

enter image description here

我希望讓我的網站的部分去掉頂部的小三角形。

要擺脫它無處不在，只需將foundation_and_overrides.scss文件中的$ tooltip-pip-size變量值更改爲0（如果不使用帶有rails的基礎gem，也稱爲_settings.scss）。

是否有可能定義基礎工具提示的自定義版本沒有點子？

編輯

這裏的難點是，當我喜歡寫東西

<span data-tooltip class="has-tip tip-bottom" title="Here are my tooltip contents!">extended information</span>

基金會的JavaScript在包含實際的提示文件的末尾產生一個特定的元素：

<span data-selector="tooltip8vxaud6lxr" class="tooltip tip-bottom" style="visibility: visible; display: none; top: 78px; bottom: auto; left: 50px; right: auto; width: auto;">Here are my tooltip contents!<span class="nub"></span></span>

您會看到我添加到第一個跨度的tip-bottom類被複制到第二個，但是tha t只是基礎特定類的情況，比如tip-left，tip-right等等。

我想要做的是能夠向第一個跨度（我實際寫入的唯一一個跨度）添加「no-pip」類，並且能夠改變包含「nub」的生成跨度的外觀元件。

<span data-tooltip class="has-tip tip-bottom no-pip" title="Here are my tooltip contents!">extended information</span>

來源

2013-06-18 Daniel Ristic

那個小三角就是span與nub類所有你需要做的是從中取出的CSS border那麼你就必須在同一個位置正常的刀尖沒有小三角

來源

2013-06-18 13:20:15

看到我更新的問題，但這裏的困難不在於擺脫三角形的，一旦你選擇的元素，但選擇包含三角形的元素，因爲它是自動由基金會產生。我只想修改某些工具提示，而不是全部。 –

通過設置顯示屬性沒有

.tooltip > .nub { 
    display: none; 
}

只是將其隱藏

來源

2014-03-14 15:12:52

With foundationversion 5您可以自定義工具提示模板。

只需卸下<span class="nub"></span>：

$(document).foundation({ 
    tooltip: { 
     tip_template : function (selector, content) { 
     return '<span data-selector="' + selector + '" class="' 
      + Foundation.libs.tooltip.settings.tooltip_class.substring(1) 
      + '">' + content + '<span class="nub"></span></span>'; 
     } 
    } 
    });

來源

2015-03-01 02:13:36 mate64

沒有PIP基金會4定製的提示

回答

相關問題