前言
最近在开发微信小程序,顺便记录一下自己踩过的坑
一、按钮样式的修改
小程序默认按钮样式背景色是灰色,有边框,如图1,想要修改成背景色为绿色,无边框,如图2,
于是做了如下修改:1
2
3<!-- wxml文件 -->
<button class="btn1" type="default"> default </button>
<button class="btn2" type="default"> default </button>
1 | /*wxss文件*/ |
结果得到了图3的结果,发现边框并没有去掉
研究之后发现,按钮的默认边框是添加在button:after伪类上面,于是进行如下修改:
1 | button.btn2::after{ |
这样就大功告成了