当我们需要修改组件样式的时候,组件里面有style样式,在外面如果直接修改的话,没有效果,如图所示
此时只需要在代码的样式后面加上 !important,就能够覆盖原来组建的内嵌样式,且简单方便。
.el-carousel__container{
height: 300px !important;
}
注:修改组件样式的时候,需要加上其父目录,要不然设置的样式就成为全局样式!
当我们需要修改组件样式的时候,组件里面有style样式,在外面如果直接修改的话,没有效果,如图所示
此时只需要在代码的样式后面加上 !important,就能够覆盖原来组建的内嵌样式,且简单方便。
.el-carousel__container{
height: 300px !important;
}
注:修改组件样式的时候,需要加上其父目录,要不然设置的样式就成为全局样式!