el-popconfirm 气泡确认框无法修改宽高的解决办法

 这个我的代码：

            <el-popconfirm
              placement="top-start" // 位置置于顶部
              popper-class="my-popconfirm" //我们修改需要使用到的属性
              confirmButtonText="确定" // 确定按钮
              cancel-button-type="取消" // 取消按钮
              //其他不重要//
              :title="`是否${scope.row.isOpen == 'N' ? '开启' : '关闭'}${
                scope.row.name
              }？`"
              @confirm="handleConfirm(scope.row)"
              @cancel="() => {}"
            >
              <el-switch
                slot="reference"
                :value="`${scope.row.isOpen == 'N' ? 'N' : 'Y'}`"
                active-value="Y"
                inactive-value="N"
              ></el-switch>
            </el-popconfirm>

这是我修改以后的样子

解决办法：

要在唯一父组件里的<style>里去掉scoped ,  

<style lang="scss">
.my-popconfirm {
  width: 254px !important;
  height: 84px !important;
  padding: 14px;
  .el-popper {
    font-size: 14px;
  }
  .el-popconfirm__main {
    margin: 0 0 13px;
  }
  .el-button--mini {
    height: 20px !important;
    width: 39px !important;
    padding: 0 6px;
  }
}
</style>

要是就只修改这个样式，其他样式不共享，可以