Element是一個很好用的組件庫,但是有時候我們需要修改一些組件的樣式以滿足我們自己的需求。
我們用瀏覽器調試找到相應的class,在本地重寫這個class時,發現修改不成功。
這是因為在Vue文件中的style標簽上有一個特殊的屬性:scoped。當一個style有這個標簽,它的樣式就只能作用於當前的Vue組件,可以使組件的樣式不相互污染。
解決方案:
1. 去掉scoped,但此方法可能會造成全局污染
2. 將修改的樣式放在控制全局樣式css文件中
3. 寫一個新的style標簽(注意不要scoped),在新的標簽里去修改樣式