(適用於修改elment-ui其他組件的樣式)
因爲element-ui組件都是封裝好的,比如我想把級聯框選擇後的文字變大一些,那麼我就要改變.el-cascader__label的font-size。我思路是這樣的:
- 爲.el-cascader__label添加css選擇器
- 將樣式放在中。第一步的類名取特殊一點,可以保證不會影響到全局樣式。放在scoped中沒有效果,在思考爲什麼…
- 最終的樣子:
<style>
.divcontent-finishInfo > .subdiv > .div1 > .formClass > .el-row > .el-col-21 > .cascader_FormItem > .el-form-item__content > .el-cascader > span.el-cascader__label{
font-size: 22px !important;
}
</style>
層級有點誇張了,但是可以適當減少。
期待更好地解決方法~