Javascript 使用ECSS的可折叠红色徽章
我正在使用materializecss,我想在他们的网站上使用可折叠的徽章作为示例: 唯一的区别是我想使用红色徽章,我正在添加 class=新徽章红色,但可折叠收割台似乎正在制动对齐。代码如下: 是否有正确显示红色徽章的修复程序?问题已解决: 我们必须使用最新的主版本才能使用此修复程序 所以它还没有发布。问题已经解决: 我们必须使用最新的主版本才能使用此修复程序 所以它还没有发布Javascript 使用ECSS的可折叠红色徽章,javascript,html,css,materialize,Javascript,Html,Css,Materialize,我正在使用materializecss,我想在他们的网站上使用可折叠的徽章作为示例: 唯一的区别是我想使用红色徽章,我正在添加 class=新徽章红色,但可折叠收割台似乎正在制动对齐。代码如下: 是否有正确显示红色徽章的修复程序?问题已解决: 我们必须使用最新的主版本才能使用此修复程序 所以它还没有发布。问题已经解决: 我们必须使用最新的主版本才能使用此修复程序 所以它还没有发布 <!DOCTYPE html> <html> <head> <
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width">
<title>JS Bin</title>
<script src="https://code.jquery.com/jquery-2.1.4.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/materialize/0.98.0/js/materialize.min.js"></script>
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/materialize/0.97.8/css/materialize.min.css">
</head>
<body class="grey lighten-2">
<ul class="collapsible" data-collapsible="accordion">
<li>
<div class="collapsible-header"><span class="new badge red">4</span><i class="material-icons">filter_drama</i>First</div>
<div class="collapsible-body"><p>Lorem ipsum dolor sit amet.</p></div>
</li>
<li>
<div class="collapsible-header"><span class="badge">1</span><i class="material-icons">place</i>Second</div>
<div class="collapsible-body"><p>Lorem ipsum dolor sit amet.</p></div>
</li>
</ul>
</body>
</html>