あなたがここに見ることができるように私は、ダイアログを持っている:Aureliaダイアログでボーダーカラーを変更するには?
<template >
<ux-dialog >
<ux-dialog-body>
<div t="logbook.delete-logs">Möchten Sie alle Logbücher löschen?</div>
</ux-dialog-body>
<ux-dialog-footer>
<button attach-focus="true" click.trigger="controller.cancel()" t="logbook.cancel">Abbrechen</button>
<button click.trigger="controller.ok()" t="logbook.ok">Ok</button>
</ux-dialog-footer>
</ux-dialog>
</template>
および関連ビューモデル:
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
}
}
私は、ダイアログの枠線の色を変更したいです。 この目的のためにAureliaのコンセプトを使用したいと思います。解決策を教えてください。
で
!important
を回避するために(例えば、各コンポーネントは、それ自身のスタイルシートを持つように)?あなたはもう少し研究を示すべきです。例えば、あなたのCSSで 'ux-dialog'要素をターゲットにしてみてください。 –