Question

我的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>

我试过它在jQuery mobile 1.3.2中工作但在1.4.0中没有用

#page1 *{
  border-top-left-radius:0!important;
  border-top-right-radius:0!important;
  border-bottom-left-radius:0!important;
  border-bottom-right-radius: 0 !important;
  border-radius:0!important;
}

Answer 1

SVG图标现在在带有伪选择器:after的jQuery Mobile 1.4中使用。您只需删除border-radius课程上的ui-btn-icon-notext。

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

如何从jQuery mobile 1.4.0中的Icon中删除圆角？

1 个答案: