Question

我有一个对话框，你可以在这里看到：

import { inject } from 'aurelia-dependency-injection'
import { DialogController } from 'aurelia-dialog'

@inject(DialogController)
export class DeleteLogbook {
  public controller: DialogController

  constructor (controller: DialogController) {
    this.controller = controller
  }
}

和相关的视图模型：

onlocationfound

我想更改对话框边框的颜色。我想为此目的使用Aurelia概念。你能告诉我解决方案吗？

Answer 1

正如@Jesse在评论中建议的那样，你可以覆盖某些元素的样式。

在这种情况下，您只需将以下内容添加到样式表

即可

ux-dialog {
    border: 5px solid #fff700;
}

然而有一点需要注意的是，如果您要在aurelia main中加载包含上述样式表的样式表，这是非常常见的（或在加载aurelia-dialog之前以任何其他方式），您将必须将!important添加到您的样式中。

ux-dialog {
    border: 5px solid #fff700 !important;
}

这是因为实际的包装是在您自己的样式之后加载的，它们会自然地覆盖您的。

但是，最好在app或按组件（例如每个组件都有自己的样式表）加载样式，以避免样式中出现!important

如何在Aurelia Dialog中更改边框颜色？

1 个答案: