文章/答案/技术大牛

发布

社区首页 >问答首页 >物化css中的badge属性数据-badge-caption无效？

问物化css中的badge属性数据-badge-caption无效？
EN

Stack Overflow用户

提问于 2016-07-25 22:48:57

回答 2查看 1.5K关注 0票数 3

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

这仍然是"4新的“，而不是"4自定义标题”。

我使用的是materialize版本0.97.6

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

css

material-design

materialize

回答 2

Stack Overflow用户

回答已采纳

发布于 2016-07-25 23:24:29

你加载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

Stack Overflow用户

发布于 2017-03-29 03:50:48

您可以添加此CSS

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

票数 2

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/38570929

复制

相似问题

问物化css中的badge属性数据-badge-caption无效？
EN

回答 2

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问物化css中的badge属性数据-badge-caption无效？EN

回答 2

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问物化css中的badge属性数据-badge-caption无效？
EN