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

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

仔细看了一下样式对比，发现打包后css出现了这个。

不知道为什么打包后，就莫名其妙的多了一个属性！！！

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

    <div class="carPurpose">
        <el-form-item label="车辆用途"prop="carPurpose">
              <el-select v-model="priceForm.carPurpose" placeholder="请选择车辆用途" filterable clearable multiple class="input-w100">
                    <el-option v-for="item in carPurposeData" :key="item.value" :label="item.label" :value="item.value"></el-option>
              </el-select>
        </el-form-item>
    </div>

css:

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