Angularjs 使文本从正方形变为圆形

我在这里创建了一个plunker，想看看是否有人可以抛出一些指针，使这些单元格背景（显然显示为正方形）变成圆形。基本上，我使用的是如下所示的ngCellText：

cellTemplate: '<div  title="{{row.entity.EHStatus.TOPPER.desc}}" class="ngCellText"'+ 
                                    'ng-class="{\'green\' : row.getProperty(\'EHStatus.TOPPER.code\') == \'1\' ,\'orange\' : row.getProperty(\'EHStatus.TOPPER.code\') > \'1\',\'red\' : row.getProperty(\'EHStatus.TOPPER.code\') == \'0\',\'yellow\' : row.getProperty(\'EHStatus.TOPPER.code\') < \'0\'}" >&nbsp;</div>'},

cellTemplate:'}，

---

有什么好的干净的方法来实现这一点吗？请让我知道

只需为所有颜色类别指定

边界半径：50%

大概是这样的：

.green {
    background-color: green;
    color: white;
    border-radius: 50%;
}

---

它使它们的形状变成椭圆形，而不是圆形的小纽扣。我想用一些圆形的纽扣