【报Bug】uni button组件disabled设置为true后，background-color不起作用。

分类：uni-app

产品分类： uniapp/App

PC开发环境操作系统： Mac

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

HBuilderX类型：正式

HBuilderX版本号： 3.4.18

手机系统： iOS

手机系统版本号： iOS 15

手机厂商：模拟器

手机机型： iPhone13 Pro iOS15.5

页面类型： vue

vue版本： vue3

打包方式：离线

项目创建方式： HBuilderX

示例代码：

    <button class="uni-mx-0 button-next" hover-class="button-click" :disabled="!agree" >

.button-next {  
    height: 88rpx;  
    background-color: #000000;  
    border-radius: 8px;  
}  

.button-next[disabled] {  
    background-color: #000000;  
    border-radius: 20px;  
}

操作步骤：

项目运行到模拟器时出现问题

预期结果：

按钮在disabled=true的时候，背景色应该是黑的。

实际结果：

按钮在disabled=true的时候，背景色是白的，修改任何颜色都不起作用。

bug描述：

如附件所示，button的disabled=true时，background-color不起作用，border-radius等属性是有效的。

2022-07-12 17:32 负责人:无分享

1 个回复

DCloud_UNI_WZF

官方设置为默认样式，设置背景色的时候可同时设置 disabled 后的背景色，覆盖官方默认样式

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

【报Bug】uni button组件disabled设置为true后，background-color不起作用。

示例代码：

`<button class="uni-mx-0 button-next" hover-class="button-click" :disabled="!agree" >`

`.button-next { height: 88rpx; background-color: #000000; border-radius: 8px; } .button-next[disabled] { background-color: #000000; border-radius: 20px; }`

操作步骤：

项目运行到模拟器时出现问题

预期结果：

按钮在disabled=true的时候，背景色应该是黑的。

实际结果：

按钮在disabled=true的时候，背景色是白的，修改任何颜色都不起作用。

bug描述：

1 个回复

公告

相关问题

【报Bug】uni button组件disabled设置为true后，background-color不起作用。

示例代码： <button class="uni-mx-0 button-next" hover-class="button-click" :disabled="!agree" > .button-next { height: 88rpx; background-color: #000000; border-radius: 8px; } .button-next[disabled] { background-color: #000000; border-radius: 20px; }

操作步骤： 项目运行到模拟器时出现问题

预期结果： 按钮在disabled=true的时候，背景色应该是黑的。

实际结果： 按钮在disabled=true的时候，背景色是白的，修改任何颜色都不起作用。

bug描述：

与内容相关的链接

1 个回复

公告

相关问题

示例代码：

`<button class="uni-mx-0 button-next" hover-class="button-click" :disabled="!agree" >`

`.button-next { height: 88rpx; background-color: #000000; border-radius: 8px; } .button-next[disabled] { background-color: #000000; border-radius: 20px; }`

操作步骤：

项目运行到模拟器时出现问题

预期结果：

按钮在disabled=true的时候，背景色应该是黑的。

实际结果：

按钮在disabled=true的时候，背景色是白的，修改任何颜色都不起作用。