如何去除user agent stylesheet button:not([size='mini']) 样式，自定义button宽度
来源：中国U网 日期：2021-07-08 类别：程序编程 点击：1818 
“在小程序的样式里面，有一个user agent stylesheet button:not([size='mini']) 样式，如何去除呢？”
在微信小程序的开发中，会发现比网页中多一个user agent stylesheet button:not([size='mini'])样式
button:not([size='mini']) {
width: 184px;
margin-left: auto;
margin-right: auto;
}
这个样式的级别要高于css里面class和组件选择器设置的样式，无论怎么设置，都无法覆盖，见下图红线框出的部分。
解决的方法有两个：
1、在wxml文件的组件上直接写样式，这样生效时候就会显示在上图绿框的地方
2、通过在样式后面加!important来增加样式的权重
.weixin{
width:80rpx !important;
}
关键词：微信小程序，小程序样式，button样式
如何去除user agent stylesheet button:not([size='mini']) 样式，自定义button宽度为中国U网原创文章，在不经过允许的情况下，禁止用于商业用途或随意转载，转载请注明出处，并加上本页链接地址：
http://www.cuwww.com/help/detail-100.html
如何去除user agent stylesheet button:not([size='mini']) 样式，自定义button宽度为中国U网原创文章，在不经过允许的情况下，禁止用于商业用途或随意转载，转载请注明出处，并加上本页链接地址：
http://www.cuwww.com/help/detail-100.html
