【微信小程式】button border: none;去掉邊框後後還有邊框
阿新 • • 發佈:2021-02-18
技術標籤:微信小程式
button樣式如下
button {
border: none;
width: 200rpx;
padding: 0;
margin: 0;
}
.paybutton {
display: flex;
flex-direction: row;
color: white;
font-size: 32rpx;
margin-right: 40rpx;
width: 200rpx;
max-width: 200rpx;
height: 60rpx;
border-radius: 30rpx;
line-height: 60rpx;
align- items: center;
justify-content: center;
}
發現還是有邊框
解決方法:
新增樣式
button::after {
border: none;
}
加上背景顏色看一下