zhangzxpan 2021-12-16 14:56 采纳率: 76.5%
浏览 1250
已结题

box-shadow 设置不生效

使用 VUE 和elemen-ui中的el-card组件 为组件设置了box-shadow: rgba(0,0,0 .4) 0 10px 10px
我感觉是其他属性的设置有问题导致无法显示 但是一直怎么调其他属性都无法显示出效果,请问下怎么回事 css的属性设置如下:

.el-main {
  background-color: #F9F9F9;

  .el-row {
    width: 100%;

    .el-card:hover {
      top: -10px;
      box-shadow: rgba(0, 0, 0, .4) 0 10px 10px;
    }

    .el-card {
      height: 8%;
      cursor: pointer; /*鼠标悬停变成小手*/
      position: relative;
      top: 0;
      transition: all .3s linear;
       }
  }
}
  • 写回答

6条回答 默认 最新

  • 前端阿彬 前端领域新星创作者 2021-12-16 18:34
    关注

    加/deep/ 再配个!important

    /deep/.el-card{
    box-shadow: 0 10px 10px red !impprtant;
    }

    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论
查看更多回答(5条)

报告相同问题?

问题事件

  • 系统已结题 12月25日
  • 已采纳回答 12月17日
  • 创建了问题 12月16日

悬赏问题

  • ¥50 swiftui @query 报错
  • ¥50 怎么解决刷卡或扫码后,点击软件输入框,win10屏幕键盘不会自动弹出的问题
  • ¥15 如何使用arcgispro的训练深度模型,发现water和nowater精度为0?(相关搜索:深度学习)
  • ¥20 matlab作业不太懂呀有问题能给个代码吗
  • ¥15 自制电路图为何无法驱动ESP01S?
  • ¥15 前端加access数据库
  • ¥15 ARCGIS 多值提取到点 ERROR 999999
  • ¥15 mysql异常断电, [MY-011971] [InnoDB]
  • ¥15 uni.onBluetoothDeviceFound熄屏不运行
  • ¥15 求PHDA糖尿病并发症数据集,有偿