将轮播图样式改为圆角。在安卓系统里运行，没有一点问题，但是在ios系统中运行时，图片静止时，轮播图为圆角，但是当触摸滑动时候，外边框就变成了直角。css中关于border-radius都做了兼容性写法。这样的情况如何解决。

html：

<view class='body'>

<!--顶部轮播图  -->

<swiper class="moveBox" indicator-dots="{{indicatorDots}}" id="custom_swiper"

autoplay="{{autoplay}}" interval="{{interval}}" indicator-color="rgb(255,255,255)" indicator-active-color="rgb(255, 0,0)" duration="{{duration}}" circular="{{circular}}" bindchange="swiperchange">

<block wx:for="{{imgUrls}}" wx:key="images">

<navigator  url="../detial/detial" hover-class="navigator-hover">

<swiper-item class="moveBox">

<image src="{{item}}" class="slide-image topimage" mode="scaleToFill"/>

</swiper-item>

</navigator>

</block>

</swiper>

</view>

css

/*顶部轮播图样式  */

.body{

padding: 0 5%;

}

#custom_swiper{

-moz-border-radius: 30rpx !important;

-webkit-border-radius: 30rpx !important;

border-radius: 30rpx !important;

overflow: hidden;

height: 600rpx;

}

.topimage{

width: 100%;

height: 100%;

-moz-border-radius: 30rpx !important;

-webkit-border-radius: 30rpx !important;

border-radius: 30rpx !important;

}

.moveBox{

-moz-border-radius: 30rpx !important;

-webkit-border-radius: 30rpx !important;

border-radius: 30rpx !important;

}