美文网首页
关于 /deep/ 在火狐浏览器下的坑点

关于 /deep/ 在火狐浏览器下的坑点

作者: __鹿__ | 来源:发表于2020-10-20 15:35 被阅读0次

项目用到了element需要改样式,用到了deep
在谷歌浏览器和Opera浏览器下样式正常,但是在火狐浏览器中穿透的样式无效。

解决如下:

如果给父级元素加了/deep/,那么子级元素就不需要再加/deep/了。

例如:

.elementPicker {
    width: 110px;
    margin: 0 auto;
    position: absolute;
    z-index: 999;
    left: 50%;
    top: 6.3%;
    transform: translate(-50%);

    /deep/ .el-date-editor input {
        width: 100%;
        height: 100%;
        padding: 0;
        margin: 0;
        border: none;
        outline: none;
        text-shadow: 0 0 10px #30cdda;
        background-color: #030c1b;
        height: 20px;
        text-align: center;
        font-size: 19px;
        color: #30cdda;
        cursor: pointer;
        font-family: "yjsz" !important;
    }

    /deep/ span {
        img {
            width: 13px;
            cursor: pointer;
        }
    }
}

相关文章

网友评论

      本文标题:关于 /deep/ 在火狐浏览器下的坑点

      本文链接:https://www.haomeiwen.com/subject/yfydmktx.html