1. 程式人生 > 其它 >【微信小程式】button border: none;去掉邊框後後還有邊框

【微信小程式】button border: none;去掉邊框後後還有邊框

技術標籤:微信小程式

在這裡插入圖片描述
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;
}

在這裡插入圖片描述
加上背景顏色看一下
在這裡插入圖片描述