使用 cropperjs 2.0.0-rc.2 cropper-shade未显示出阴影

[superdudu-code]

按照官方文档，在编写初步demo的时候，发现cropper-shade的没有阴影，查看了dom和文档上的dom一模一样，但是一直没有阴影显示。以下是代码，麻烦作者大大帮忙看看，如果有马虎的没有写对的，麻烦指出，我查了很久，网上也没有任何关于v2的资料

<cropper-canvas background>
          <cropper-image
            src="https://fengyuanchen.github.io/cropperjs/v2/picture.jpg"
            alt="Picture"
            rotatable
            scalable
            skewable
            translatable
          ></cropper-image>
          <cropper-shade hidden ref="cropperShade"></cropper-shade>
          <cropper-handle action="select" plain></cropper-handle>
          <cropper-selection id="cropperSelection" movable resizable hidden>
            <cropper-handle action="move" plain></cropper-handle>
          </cropper-selection>
        </cropper-canvas>

cropper-canvas {
  width: 100%;
  height: 100%;
}

import 'cropperjs'

实际效果

[fengyuanchen]

预置问题模板你倒是删得干干净净。。。什么系统？什么浏览器版本？都不提供一下怎么排查呢

[superdudu-code]

预置问题模板你倒是删得干干净净。。。什么系统？什么浏览器版本？都不提供一下怎么排查呢

不好意思，我在提报的时候没发现有什么问题模板，我还好奇为啥作者没设呢，刚刚重新看了一下才看到。这个问题我刚刚本地新建项目设了好多次都没法复现，最后发现，是因为 cropper-shade 的 :host {outline: var(--theme-color) solid 1px;} 这个属性，被我全局样式 outline: none; 给覆盖掉了，去掉就可以了 给作者添麻烦了，不好意思