物化css中的徽章属性data-badge-caption不起作用?

时间:2016-07-25 14:48:57

标签: css material-design materialize

<span class="new badge" data-badge-caption="custom caption">4</span>

这仍然让我“4新”而不是“4自定义标题”。

我正在使用materialize版本0.97.6

找到小提琴https://jsfiddle.net/x8w11aa0/

2 个答案:

答案 0 :(得分:1)

您是否加载了materialize.js文件?

这似乎对我有用:https://jsfiddle.net/xpoh33m6/1/使用与您相同的代码:

<nav>
  <span class="new badge" data-badge-caption="custom caption">4</span>
</nav>

修改:您的代码正在使用v0.97.7但不是v0.97.6(此功能可能仅在v0.97.7中引入)

答案 1 :(得分:1)

您可以添加此CSS

span.badge[data-badge-caption]::after {
    content: " " attr(data-badge-caption);
}