关于element打包后样式出现絮乱

最近开发的项目出现的一个关于样式的问题,分享一下。
我是使用的element的el-form的表单,做的这个需求,本地开发环境没有问题,但是打包之后,就出现下图的问题。
关于element打包后样式出现絮乱_第1张图片

仔细看了一下样式对比,发现打包后css出现了这个。
关于element打包后样式出现絮乱_第2张图片
不知道为什么打包后,就莫名其妙的多了一个属性!!!

我的解决办法:就是在这个元素外层包一个div,加上class样式,强制把高度改成auto。
html:

    

css:

.priceForm .carPurpose .el-form-item__content {
    line-height: 40px !important;
    position: relative !important;
    font-size: 14px !important;
    height: auto !important;
}

你可能感兴趣的:(关于element打包后样式出现絮乱)