如何去除user agent stylesheet button:not([size='mini']) 样式,自定义button宽度
来源:中国U网 日期:2021-07-08 类别:程序编程 点击:1193 

“在小程序的样式里面,有一个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
