在微信小程序中使用button的时候,会有一个默认的边框和背景颜色。就像这样:
我给这个button按钮加了border:none; outline:none; background:transparent; 之后只是去除了按钮的背景颜色,并没有去掉其默认边框。
后来在查阅了资料之后发现给button的后伪元素设置 border:none; 才可以去掉button的边框。
button::after{
border: none;
}
OK。这样就去掉了button的边框和背景色。