Question

我想问一下，如果有指定的文字，是否可以在工具提示中更改文字颜色？例如，如果：

data-tooltip="OFFLINE"

我希望文字为红色，但

时

data-tooltip="ONLINE"

我希望文字是绿色的，我试着在我自己的CSS文件中做一些事情，比如[data-tooltip=OFFLINE]，但它不起作用......如果你们帮助我解决这个问题，我会很高兴的，如果它甚至可能。提前谢谢。

Answer 1

我认为他们正在使用jquery工具提示：访问此链接

styling tooltip

Answer 2

假设您正在讨论此framwork http://materializecss.com。

这是我的this ...

版本

<强> HTML

<i class="material-icons tooltipped" 
data-position="bottom" 
data-tooltip="HAVE IT" 
data-background-color="white" 
data-text-color="grey-text">check</i>

<强> JS

$('.tooltipped').tooltip({delay: 50}).each(function () {
    var background = $(this).data('background-color');
    if (background) {
        $("#" + $(this).data('tooltip-id')).find(".backdrop").addClass(background);
    };
    var text = $(this).data('text-color');
    if (text) {
        $("#" + $(this).data('tooltip-id')).find("span").addClass(text);
    };
});

是否可以在MaterialiseCSS Tooltip中更改指定文本的颜色？

2 个答案: