input的border和border-radius真机显示问题
发布于 6 年前 作者 taoguiying 18866 次浏览 来自 问答

开发者工具和本人手机iPhone SE上显示正常

但是同事iPhone 6plus上显示

代码是

.form-input {
box-sizing: border-box;
width: 476rpx;
height: 100rpx;
border-radius: 50rpx;
border: 1px solid #909090;
background: #fff;
}

这是为什么,怎么解决?

另外一个button显示正常的

代码是

.submit-btn {
box-sizing: border-box;
width: 476rpx;
height: 100rpx;
border-radius: 50rpx;
background: #fa7254;
}
1 回复

border: 1rpx solid #909090;解决问题,但是一定程度上真机有存在圆角显示缺口问题

回到顶部