修改級聯組件el-cascader默認文字樣式

(適用於修改elment-ui其他組件的樣式)
在這裏插入圖片描述
因爲element-ui組件都是封裝好的,比如我想把級聯框選擇後的文字變大一些,那麼我就要改變.el-cascader__label的font-size。我思路是這樣的:

  1. 爲.el-cascader__label添加css選擇器
  2. 將樣式放在中。第一步的類名取特殊一點,可以保證不會影響到全局樣式。放在scoped中沒有效果,在思考爲什麼…
  3. 最終的樣子:
<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>

層級有點誇張了,但是可以適當減少。
期待更好地解決方法~

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章