Question

我在悬停时更改了p按钮样式。

我的问题是当按钮状态设置为禁用时，我也将颜色更改悬停在其中。

<button pButton type="submit" label="Launch @RT" class="ui-button-success color" [disabled]="groupList.length+ejList.length>0 ? false: true"></button>

然后在CSS中：

.ui-button-success.ui-state-disabled, .ui-widget:hover:disabled, .ui-button-success.color{
    background-color: white !important;
    color: #00965E;
}
.ui-button.ui-button-success:hover
{
    background-color: #00965E !important;
    color: white;
}

如何在禁用按钮时更改按钮样式并将其悬停。但是当它启用改变颜色时

Answer 1

尝试在:not()

中使用:hover选择器

.ui-button-success {
  background-color: white;
  color: #00965E;
}

.ui-button-success:not([disabled]):hover {
  background-color: #00965E;
  color: white;
}

<button type="button" class="ui-button-success color" disabled>foobar</button>
<button type="button" class="ui-button-success color">foobar</button>

当悬停时，Primeng禁用按钮会改变颜色

1 个答案: