c***@126.com

发布：2022-06-10 02:43
更新：2022-07-01 15:27
阅读：600

【报Bug】通过class无法修改nvue在安卓模式下button的按钮(背景)色

分类：uni-app

bug反馈

产品分类： uniapp/App

PC开发环境操作系统： Windows

PC开发环境操作系统版本号： win10

HBuilderX类型：正式

HBuilderX版本号： 3.4.13

手机系统： Android

手机系统版本号： Android 7.1.1

手机厂商：模拟器

手机机型：逍遥模拟器

页面类型： nvue

vue版本： vue3

打包方式：云端

项目创建方式： HBuilderX

示例代码：

<button class="redBtn">red</button>  
<button  style="background-color: #00ff00;">green</button>  

....  
<style scoped lang="scss">  
.redBtn{  
        background-color: #ff0000;  
        color: #fff;  
    }  
</style>

操作步骤：

.

预期结果：

red=红色
green=绿色

实际结果：

red=灰色，没生效
green=绿色

bug描述：

class无法修改button的颜色，需要用style才能修改.
nvue+Android下有这个问题，h5正常

2022-06-10 02:43 负责人:无分享

3 个回复

DCloud_UNI_Anne

HX3.4.14 Android 11 Redmi K40 未复现问题。也许是在特定环境下才能重现的问题，请定位具体问题提供最小可复现示例（上传附件），方便我们快速排查问题哦。
【正确报bug的姿势】https://ask.dcloud.net.cn/article/38139

c***@126.com (作者)

好了，是在components里才会这样。自己看demo

bug1.zip

c***@126.com (作者)

.. @DCloud_UNI_Anne

该问题目前已经被锁定, 无法添加新回复

【报Bug】通过class无法修改nvue在安卓模式下button的按钮(背景)色

示例代码：

`<button class="redBtn">red</button> <button style="background-color: #00ff00;">green</button> .... <style scoped lang="scss"> .redBtn{ background-color: #ff0000; color: #fff; } </style>`

操作步骤：

.

预期结果：

red=红色
green=绿色

实际结果：

red=灰色，没生效
green=绿色

bug描述：

3 个回复

公告

相关问题

【报Bug】通过class无法修改nvue在安卓模式下button的按钮(背景)色

示例代码： <button class="redBtn">red</button> <button style="background-color: #00ff00;">green</button> .... <style scoped lang="scss"> .redBtn{ background-color: #ff0000; color: #fff; } </style>

操作步骤： .

预期结果： red=红色 green=绿色

实际结果： red=灰色，没生效 green=绿色

bug描述：

与内容相关的链接

3 个回复

公告

相关问题

示例代码：

`<button class="redBtn">red</button> <button style="background-color: #00ff00;">green</button> .... <style scoped lang="scss"> .redBtn{ background-color: #ff0000; color: #fff; } </style>`

操作步骤：

.

预期结果：

red=红色
green=绿色

实际结果：

red=灰色，没生效
green=绿色