您好,欢迎光临中国U网,租用美国服务器香港服务器瑞典服务器等全球各地的服务器。
您现在的位置:首页 > 帮助中心 > 程序编程 > 如何去除user agent stylesheet button:not([size='mini']) 样式,自定义button宽度

如何去除user agent stylesheet button:not([size='mini']) 样式,自定义button宽度

来源:中国U网 日期:2021-07-08 类别:程序编程 点击:2436
在小程序的样式里面,有一个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

欢迎使用UChat客服系统!

请输入用户名和联系方式:
点击这里给我发消息 | cuwww | cuwww
联系我们?点这里!