当前位置: 首页 > Web前端 > vue.js

关于元素打包后的样式杂乱

时间:2023-04-01 10:37:39 vue.js

最近开发项目的样式问题,分享一下。我正在使用元素的el-form形式。这个需求本地开发环境没有问题,但是打包后出现下图的问题。仔细看样式对比,发现打包后的css中出现了这个。不知道为什么打包之后,莫名其妙多了一个属性!!!我的解决办法:在这个元素的外层包一个div,加上cla??ss样式,强制把height改成auto。html:

css:.priceForm.carPurpose.el-form-item__content{line-height:40px!important;位置:相对!重要;字体大小:14px!重要;高度:自动!重要;}