I want to add custom color bar on top of the list icon like in the image.
I tried doing this by
<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>
But i can get this
Not what I like to get. Please help me if anyone have done this before or anyone have any idea.
I will be thankful to you.