微信小程序去除Button默认样式

在小程序开发过程中，使用率蛮高的组件button，因为经常要去除默认样式，然后再自定义样式，所以经常写，自己也总结分享一下简单的实现步骤。

首先了解一下默认的样式有哪些，然后根据自己的UI来实现：

button {
position:relative;
display:block;
margin-left:auto;
margin-right:auto;
padding-left:14px;
padding-right:14px;
box-sizing:border-box;
font-size:18px;
text-align:center;
text-decoration:none;
line-height:2.55555556;
border-radius:5px;
-webkit-tap-highlight-color:transparent;
overflow:hidden;
color:#000000;
background-color:#F8F8F8;
}

样式修改

/* 去button默认样式 */
button{background:transparent;text-align: left;padding:0;border-radius:0;line-height:normal;}
button::after{border:none;}

————————————————
版权声明：本文为优快云博主「猿来独往」的原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接及本声明。
原文链接：https://blog.youkuaiyun.com/qq_35324453/article/details/81559113