在离子列表中的离子图标上添加自定义颜色条

Question

我想在离子图标的顶部添加一个颜色条（图像中的红色条），如下图所示。我正在使用离子列表。

我已尝试在图标前使用div，但我没有达到此目的。 我正在使用离子框架与 angularjs 进行混合应用开发。 如果有人可以提供帮助。我会很感激。

我尝试使用

这样做

 <a class="item item-icon-left item-icon-right" style="text-align: left;border-top-left-radius: 10px;border-top-right-radius: 10px;
                            border-color: #abadad;
                            ">
 <div style="width: 15px;height:3px; background-color: red;float:left;margin-left:0; "></div>
 <i class="icon ion-clipboard" style="color: #5e5e5e;"></i>

 <h2 style="font-weight: bold;">Bill No:25</h2>
 <i class="icon  ion-card" style="color: #5e5e5e;"></i>
 </a>

但我能做到这一点