微信小程序去掉user agent stylesheet

男娘i 2023-03-01 05:55 45阅读 0赞

在学习微信小程序，使用colorui样式库，在使用colorui模态框组建时，按钮莫名其妙的大了，到账多选弹框样式错乱。

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl8zNjkzMTMwOA_size_16_color_FFFFFF_t_70][]

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl8zNjkzMTMwOA_size_16_color_FFFFFF_t_70 1][]

看了好久样式引用发现样式表中多了个user agent stylesheet样式

![20200722153041757.png][]

查资料发现是浏览器样式覆盖，小程序中如果要屏蔽它，只需要在app.json中把"style": "v2",去掉即可

参考：[https://developers.weixin.qq.com/community/develop/doc/00006a9e560b10f0f3893719351000][https_developers.weixin.qq.com_community_develop_doc_00006a9e560b10f0f3893719351000]

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl8zNjkzMTMwOA_size_16_color_FFFFFF_t_70]: /images/20230209/dcaabe73d7a5416da798c1284c089687.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl8zNjkzMTMwOA_size_16_color_FFFFFF_t_70 1]: https://img-blog.csdnimg.cn/2020072215284439.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl8zNjkzMTMwOA==,size_16,color_FFFFFF,t_70
[20200722153041757.png]: https://img-blog.csdnimg.cn/20200722153041757.png
[https_developers.weixin.qq.com_community_develop_doc_00006a9e560b10f0f3893719351000]: https://developers.weixin.qq.com/community/develop/doc/00006a9e560b10f0f3893719351000

发表评论取消回复

表情：

评论列表（有 0 条评论，45人围观）

还没有评论，来说两句吧...

相关阅读

相关去掉微信小程序按钮边框

.btn::after { border: 0;}

偏执的太偏执、/ 2024年04月17日 10:23/ 0 赞/ 147 阅读

相关微信小程序如何去掉滚动条的样式呢

效果图： ![20191217221338706.gif][] 去掉滚动条的样式：页面上加入以下代码即可。 ::-webkit-scrollbar{

本是古典何须时尚/ 2023年06月23日 06:59/ 0 赞/ 91 阅读

相关微信小程序去掉user agent stylesheet

在学习微信小程序，使用colorui样式库，在使用colorui模态框组建时，按钮莫名其妙的大了，到账多选弹框样式错乱。 ![watermark_type_ZmFuZ3poZ

男娘i/ 2023年03月01日 05:55/ 0 赞/ 46 阅读

相关微信小程序反编译微信小程序

微信小程序反编译跳一跳项目地址： [https://github.com/shunyue1320/decompile-wx][https_github.com_sh

- 日理万妓/ 2022年10月29日 07:40/ 0 赞/ 524 阅读

相关微信小程序之----去掉小程序的滚动条

代码 .v1::-webkit-scrollbar { width: 0; height: 0; color: transpare

偏执的太偏执、/ 2022年04月15日 04:29/ 0 赞/ 802 阅读

相关微信小程序：注册微信小程序

注册小程序帐号在微信公众平台官网首页（mp.weixin.qq.com）点击右上角的“立即注册”按钮。 ![20170521234518211][] 选择注册

短命女/ 2021年12月09日 03:53/ 0 赞/ 863 阅读

相关微信-小程序：小程序

<table> <tbody> <tr> <td><span style="font-size:16px;color:FFFFFF;"><strong>ylb

╰半夏微凉°/ 2021年11月17日 15:16/ 0 赞/ 911 阅读

相关微信公众平台消息接口开发（31）微信浏览器HTTP_USER_AGENT判断

微信公众平台开发微信公众平台开发者微信公众平台开发模式微信浏览器 HTTP\_USER\_AGENT 作者：方倍工作室原文：http://www.cnblog

Love The Way You Lie/ 2021年09月20日 07:48/ 0 赞/ 278 阅读

相关微信小程序微信小程序框架API

[完整微信小程序(Java后端) 技术贴目录清单页面（必看）][Java_] 微信小程序框架所提供的API接口也是相当完备的,如果说小程序组件是用来构建小程序的视图层,那么小

àì夳堔傛蜴生んèń/ 2021年09月08日 21:04/ 0 赞/ 999 阅读

相关 css之关于user agent stylesheet

1.什么是`user agent stylesheet`? 大家通常看到一个没有带任何`CSS`样式文件的`HTML`却带有不错的样式，这是由于在`W3C`的`HTML`

柔光的暖阳◎/ 2021年07月05日 01:54/ 0 赞/ 395 阅读