【vue.js】【css】element-ui el-dialogのheaderをカスタマイズしたい時

下記の書き方ならok!

ポイント1：　lang="scss" を　必須！
ポイント2： /deep/ or >>> を　どちらか　必須！

方法1

<style lang="scss" scoped>
  /deep/ .el-dialog__header{
         background-image: linear-gradient( to right, #5cbb7a, rgba(255, 0, 0, 0) );
  }
</style>

方法2

<style lang="scss" scoped>
  >>> .el-dialog__header{
         background-image: linear-gradient( to right, #5cbb7a, rgba(255, 0, 0, 0) );
  }
</style>