vue中使用渐变色失效，打包之后渐变色失效的问题，elementui 表格样式错位bug

Two_Too

于 2019-01-29 23:22:54 发布

阅读量2.1k

点赞数

CC 4.0 BY-SA版权

文章标签： vue web前端

本文链接：https://blog.youkuaiyun.com/Two_Too/article/details/86697536

1.项目使用的vue，在里面写了渐变色，打包之后渐变色失效。

解决方法，webkit内核前后加上这段代码

    /*! autoprefixer: off */
    background: -webkit-linear-gradient(top, #6f9fe7 0%, #3e4dda 100%) ;
    /* autoprefixer: on */
    background:-moz-linear-gradient(top, #6f9fe7 0%, #3e4dda 100%);
    background:-o-linear-gradient(top, #6f9fe7 0%, #3e4dda 100%);
    background:linear-gradient(top, #6f9fe7 0%, #3e4dda 100%);

2.element UI表格单元格偶尔会出现错位的问题，解决方法：

.el-table th.gutter{
    display: table-cell!important;
}

.el-table colgroup.gutter{
    display: table-cell!important;
}