模拟器里面一切正常,在手机调试或者预览就有很多按钮变形,没有设置type,也不知道怎么才能把默认样式复写干净了,感觉是默认样式导致的
<button class="book-button">
<text class="button-message">在线预订</text>
</button>
.book-button{
margin:0;
padding:0;
width:200rpx;
height:45rpx;
line-height:45rpx;
color:#FFFFFF;
background-color:#89765b;
}
单独把按钮的代码 和 按钮样式发出来看看
.book-button{
margin: 0;
padding: 0;
width: 200rpx;
line-height: 45rpx;
color: #FFFFFF;
background-color: #89765b;
}
订单详情
.book-button{
margin-right: 10rpx;
height: 46rpx;
width: 190rpx;
font-size: 20rpx;
font-weight: 700;
letter-spacing:5rpx;
line-height: 46rpx;
color: #baaf9e;
background-color: #FFFFFF;
border:3rpx solid #baaf9e;
}