微信小程序button按钮在wxss中定义宽度后无效

问题：

微信小程序button按钮在wxss中定义宽度占比后无效
图片：

代码
wxml：

wxss：

解决：

经过查询得到答案：
原因：
层级不够，button里面有很多自带样式，可以审查一下元素，将原来的样式覆盖掉
方法：
方法一：（有效）
直接从wxml文件中，在button组件里面加上style属性

结果：

---

方法二： （经过测试我使用此种方法进行修改无效！）
从wxss文件中修改：

width:100% !important;
（在 100% 与 !important 之间加不加空格均可。）