我有下面的列表视图在我的jQuery移动应用程序与数据分割图标删除,图标显示为圆圈形状,我想删除图标的圆角,所以图标将是一个方形的形状,在照片中。我使用过数据角=“false”,边框半径=0,但它在jquery移动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移动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;
}
发布于 2014-01-12 12:07:07
SVG图标现在使用在jQuery Mobile1.4和伪选择器:after
中。您所需要的只是删除border-radius
上的ui-btn-icon-notext
类。
.ui-btn-icon-notext:after {
-webkit-border-radius: 0 !important;
border-radius: 0 !important;
}
https://stackoverflow.com/questions/21078822
复制相似问题