<button type="primary" class="query-button" bindtap="submitApplication" wx:if="{{!isOpenGroupMember&&!isHidden}}" >点击申请</button>怎么让这个按钮显示为灰色
时间: 2023-07-06 18:43:13 浏览: 131
如何将input type=file显示的浏览变成英文的
5星 · 资源好评率100%
要让按钮显示为灰色,可以通过在按钮的 class 属性中添加一个名为 disabled 的类来实现。代码如下:
```
<button type="primary" class="query-button disabled" bindtap="submitApplication" wx:if="{{!isOpenGroupMember&&!isHidden}}" >点击申请</button>
```
然后在 CSS 中定义 disabled 类的样式:
```
.disabled{
opacity: 0.5;
cursor: not-allowed;
}
```
这样就可以让按钮显示为灰色,且在被禁用时不再响应点击事件。
阅读全文