問題一：在使用餓了么dropdown-menu組件時, item的樣式如何覆蓋呢？我現在的狀態是這樣的(最后一個item不是router-link，所以樣式和前面的不一樣)：我想要的結果：鏈接顏色變為黑色border變為none我嘗試在.el-dropdrown-item中設置color和border，但是沒有用。問題二：怎么通過源碼解決這個問題呢？我之前也經常遇見這種問題，嘗試了好幾次在源碼中尋找某個組件有哪些樣式，叫啥名，但是最后都沒有找到，還是在f12中查看element時看到右邊顯示的一些屬性的樣式。但是當我使用一些在element中無法查看樣式的組件(比如dropdown-menu-item)時，我應該怎么通過源碼來覆蓋呢？
1 回答
lockLuck
TA貢獻3條經驗 獲得超0個贊
建議不要修改源碼，而是新建一個css文件引入覆蓋，防止修改源碼后對其他部分產生影響。
覆蓋的方法就是要明白css權重，css樣式優先級：
!important>行間樣式>id選擇器>class選擇器?屬性選擇器>標簽選擇器>通配符
根據樣式優先級來覆蓋同類名樣式，比如原來有一個樣式：
.a{
???font-size:12px
}要改為14px，使用覆蓋的方法
.a{
???font-size:14px!important;
}
- 1 回答
- 0 關注
- 7399 瀏覽
添加回答
舉報
0/150
提交
取消