写了一个通用按钮样式,打算在特定情况触发其disabled状态,但触发后效果并不是下面.wxss中的期望的样式。。。
css
.common-btn {
background-color: #ff8533;
color: #ffffff;
text-align: center;
border-radius: 4px;
}
.common-btn:active {
opacity: 0.8;
}
.common-btn:disabled {
pointer-events: none;
opacity: 0.5;
}
可用如下代码解决
css
wx-button[disabled]:not([type]) {
background-color: #ff8533;
color: #ffffff;
pointer-events: none;
opacity: 0.5;
}