Jquery mobile 如何在jQuery mobile 1.4.0中删除图标的圆角？

在我的jQuery移动应用程序中，我有以下列表视图，其中包含数据拆分图标删除，图标显示为圆形。我想删除图标的圆角，因此图标将为方形，如图所示。我使用了data corners=“false”，border radius=0，但在jquery mobile 1.4.0中不起作用。如有任何帮助，将不胜感激

<div data-role="page" id="page1">
<div data-role="header">

</div>
<div data-role="content">
<ul data-role="listview"  data-inset="true"  data-filter="true" data-filter-  placeholder="Search" data-split-icon="delete"  style="margin-top: 40px;"   > 

<li class="RTLList" > <a href="#"><img  src="http://demos.jquerymobile.com/1.4.0/_assets/img/album-bb.jpg" /> element 1 </a><a    href="#"  id="split-icon1" class="delete">Delete</a></li>
 </ul>
 </div>
 </div>

---

SVG图标现在在jQuery Mobile 1.4中使用，带有伪选择器

：after

。您只需删除

ui btn icon notext

class上的

border radius

.ui-btn-icon-notext:after {
  -webkit-border-radius: 0 !important;
  border-radius: 0 !important;
} 

.ui-btn-icon-notext:after {
  -webkit-border-radius: 0 !important;
  border-radius: 0 !important;
}