uniapp 微信小程序 去除button默认样式

一般情况下 我们需要去掉的默认样式就是button按钮的背景和边框

.btn{
  color: #333;
  text-align: center;
  border: none;
  border-radius:0;
  background-color:transparent;
  }

此时你会发现 按钮 的边框并没有去掉 ，通过控制器定位到这个按钮的边框样式可以看到 ，这个边框线是通过伪元素实现的， 我们只需要多加一个处理即可将这个边框线去除

.btn::after {
  border: none;
}