【小程序与公众号】微信小程序去除button标签默认样式

微信小程序去除button样式

小程序中原始的button按钮样式是这样的

但是我们需要一个隐藏式的按钮，就是首页能点击的地方都需要触碰到这个按钮，所以需要去除button的默认样式

一般我们去除样式都是这样的

button{
  border:0;
  background:transparent; 
}

执行的效果是这样的

还是有边框的，所以这样是不够。

因为button的边框样式是通过::after方式实现的，如果在button上定义边框就会出现两条边框线，所以我们可以使用::after

方式去覆盖默认值。

button::after {
  border: none;
}

html去除button样式

非微信小程序去除button样式，直接如下即可

button{
  border: none;
  background-color: transparent;
  outline: none;    //消除默认点击蓝色边框效果
  border: 1px solid transparent;  //自定义边框（可选）
)