下面注意添加 hover-class 用于修改按压下去的样式
<button disabled="{{submitDisabled}}" class="submit-button" hover-class="button-hover">提交</button>
/*正常样式*/
.submit-button {
color: white;
background-color: #006eff;
}
/* 禁用时的样式 */
.submit-button[disabled] {
color: white;
background-color: rgba(0, 110, 255, 0.7);
}
/* 按压下去的样式 */
.submit-button.button-hover {
background-color: rgba(0, 110, 255, 0.7);
color: white;
}