vue 單文件 樣式寫了scoped 不能覆蓋框架原有樣式的解決辦法


vue 單文件 樣式寫了scoped 不能覆蓋框架原有樣式的解決辦法

 

在vue 里面<style scoped></style> 是為了讓樣式只影響本身自己組件的樣式,不改變全局的樣式。

但是存在一個問題組件框架的ui樣式沒辦法覆蓋。

解決辦法:在vue 文件里面寫兩個style 樣式

例如

<style>

  ///全局的

//全局的這個一定要在要覆蓋的ui樣式之前,在包裹上一層,這樣就不會影響別的組件的樣式

 

</style>

<style scoped>

//私有的

</style>

 

全局和私有的style 的順序一定不能變,全局的在最前面,私有的在后面

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM