关于组件库css样式删除的问题

我们开发的时候，会遇到很多组件库样式不符合，我们要修改组件库的样式，但是有时候并不是覆盖，而是删除。下面有一些经常遇到的问题
1、 如何删除弹性布局

我们随便拿一个vant组件

.van-dropdown-menu__item {
    align-items: center;
    display: flex;  //我们想删除弹性布局
    flex: 1;
    justify-content: center;
}

.my_dropdown {
    display: block !important; //这样就删除弹性布局了
}    

2、如何删除组件库的高度和宽度
 

.van-dropdown-menu__item {
    width: 80rpx;
    height: 30rpx;
}

//因为没办法写0，用这种方法即可
.my_dropdown {
    width: auto !important;
    height: auto !important;
}    

3、如何删除背景颜色

//相信很多人都会随便写个颜色，给个透明色

.van-dropdown-menu__item {
    background-color: red;
    
}

//此方法把背景颜色设为透明(不推荐)
.my_dropdown {
   background-color: rgba(255,255,255,0.2);
} 

//此方法把背景颜色清空(推荐)
.my_dropdown {
   background-color: transparent;
}