微信小程序 buton清除默认样式

相信很多小伙伴在开发小程序的时候都会碰到小程序Button默认样式的困扰，在重设样式的时候需要一次次的设置

分享一个自己在开发中的小方法：

CSS all 简写属性 将除 unicode-bidi 与 direction 之外的所有属性重设至其初始值，或继承值

而且 all 属性没有初始值

MDN例子附上 https://developer.mozilla.org/zh-CN/docs/Web/CSS/all

 

button{
  all:initial; 
　position: relative; 
}

注意点1：button是行内元素，需要设置宽度的时候记得改为块级元素，否则宽度无效喔

注意点2：初始化完后，position会被设置为static，可能会导致button触发范围的异常，最好设置除static外的属性值。