CSS - 如何格式化内容数据标题文本

Question

在我的example中，我想在工具提示data-title中设置文字格式，以便添加<br>等标记。

例如：

    chart.renderer.html
('<span data-tooltip aria-haspopup="true" class="has-tip" data-disable-hover="false" tabindex="1" data-title="<strong>Definisjon: (Innpendling/Sysselsatte) + (Utpendling/Lønnstakere og selvstendige etter bosted)</strong> 
    <br> 
    Forklaring: Arbeidsmarkedsintegrasjon er et mål for hvor godt arbeidsmarkedet i en kommune er integrert med arbeidsmarkedet utenfor. <br> 
    Høy verdi på denne indikatorer indikerer at kommunen/regionen er godt integrert med et arbeidsmarked utenfor kommunen."><i class="ion-help"></i></span>', 50, 22) 
.css({ color: 'black', fontSize: '20px' })
.add();

Answer 1

我认为你不能在data-attr中使用html标签。

但是，您可以使用:: before和/或:: after伪元素为CSS设置内容样式。

    .has-tip::before {
        content: attr(data-title);
        font-weight: bold;
    }
    .has-tip::after {
        content: attr(data-text);
    }