之前在web端实现了不显示按钮的边框:
![](https://www.crifan.com/files/pic/uploads/2021/03/ce9bfa7e39f74a8180e22cd3b1182799.jpg)
现在在小程序端,用同样配置:
background-color: transparent; border-color: transparent;
结果button却还是有边框:
![](https://www.crifan.com/files/pic/uploads/2021/03/c0a9e451702543f880fdf73ebfb0cf17.jpg)
现在想要去掉按钮的边框。
试了:
border: none;
没用。
小程序 按钮 去掉边框
【总结】
正常button:
border: none;
而小程序,自己擅自加上了:
button::after{ }
注意:此处小程序IDE中的css部分,是看不到这个配置的:
![](https://www.crifan.com/files/pic/uploads/2021/03/0295378c4f5a4328b5c37ba0a3aab2fb.jpg)
所以去给当前button加上::after的border为none:
detail.wxss
.detail_expand_fold{ ... background-color: transparent; border-color: transparent; border: none; } .detail_expand_fold::after{ border: none; }
即可去掉按钮边框:
![](https://www.crifan.com/files/pic/uploads/2021/03/163a8d8b7a79410ebf89d7c425bde42e.jpg)
转载请注明:在路上 » 【已解决】小程序中去掉按钮的边框