微信小程序button按钮去除圆角

背景:小程序使用button,会有一个默认圆角,如果修改数值比较容易,想要去掉就可能遇到坑。

原因:小程序的设计风格是button的border和圆角等都是通过after写的,如果需要去掉圆角效果,最好是使用如下代码:

button{
    border-radius:0;
}
 
button::after{
    border-radius:0;
}

通过以上代码可以去掉小程序的button的圆角效果。

posted @ 2023-03-26 00:31  晴云孤魂  阅读(249)  评论(0)    收藏  举报