微信小程序 disabled 后字体颜色修改
时间: 2024-09-22 08:01:54 浏览: 61
微信小程序登录弹窗css
微信小程序中,当元素处于 `disabled` 状态时,其默认样式会有一些变化,包括文本颜色可能会变为灰色或者暗淡一些。若想在 `disabled` 状态下自定义字体颜色,可以使用 CSS 样式覆盖默认样式。
你可以直接在需要修改的 `<view>` 或其他支持 `disabled` 属性的组件上设置 `disabled-color` 属性,比如:
```html
<button disabled="{{isDisabled}}" disabled-color="#FF0000">这是禁用状态的按钮</button>
```
这里 `disabled-color` 的值是你想要的颜色,如 "#FF0000" 对应红色。然后在对应的 JavaScript 中控制 `isDisabled` 的值:
```javascript
Page({
data: {
isDisabled: false,
},
//...
switchDisable() {
this.setData({ isDisabled: !this.data.isDisabled });
}
})
```
当你调用 `switchDisable()` 函数改变 `isDisabled` 为 `true` 时,按钮就会显示为禁用并应用指定的颜色。
阅读全文