添加了一个九宫格，在九宫格上显示角标的时候颜色一直是红色设置mui-badge的颜色都不行，是不是样式的优先级有问题，所以一直是红色？求大神指点！
部分代码如下：
<ul class="mui-table-view mui-grid-view mui-grid-9">
<li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-3" >
<a href="#">
<span class="mui-icon mui-icon-info"><span class="mui-badge mui-badge-blue" ></span></span>
<div class="mui-media-body">今日任务</div>
</a>
</li>
<li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-3" id="unfinishMission">
<a href="#">
<span class="mui-icon mui-icon-flag"><span class="mui-badge mui-badge-red" > </span></span>
<div class="mui-media-body">未完成</div>
</a>
</li>
<li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-3" id="finishMisson">
<a href="#">
<span class="mui-icon mui-icon-check"><span class="mui-badge mui-badge-green" ></span</span>
<div class="mui-media-body">已完成</div>
</a>
</li>
</ul>
