button样式设置

微信小程序 修改按钮button样式：去边框、圆角及文字居左对齐、修改按钮高度

<button class='user-phone-btn' >立即抢购</button>

1、去边框

 

.user-phone-btn::after {
  border: none;
}

 

2、去圆角（border-radius: 0;两处都要声明）

 

.user-phone-btn {
  border-radius: 0;

}
.user-phone-btn::after {
  border-radius: 0;
}

 

3、按钮边框左边框与字同宽

.user-phone-btn {
  margin-left: 0rpx;
  padding-left: 0rpx;
}

 

4、修改高度

需要设置line-height属性，