如何修改elementUI的預設樣式

在開發中我們發現修改elementui樣式的時候，新增了scoped的元件修改樣式是無效的。

首先我們要了解一下scoped是什麼？

官網是這樣說的：

當< style >標籤有scoped屬性時，他的css只作用於當前元件的元素。

使用scoped後，父元件的樣式不會滲透到子元件中。不過乙個子元件的根節點會同時受其父元件的scoped css和子元件的scoped

css的影響。這樣設計是為了讓父元件可以從布局的角度出發，調整其子元件根元素的樣式。

方法一：

style中不加scoped，但是直接寫在全域性樣式裡，會汙染全域性樣式，但是如果需要全域性使用這個樣式，可以寫乙個通用的樣式全域性使用

如果你只想覆蓋單個頁面element的樣式，就需要使用下面的方法

方法二： 不加scoped的情況下，可以給他的父級元素加乙個class，用命名空間來解決問題

**如下

"scss"

>
.ship-select 
.el-input,
.el-input--suffix .el-input__inner 
}}

如果是sass/less的話可能無法識別。在這些情況下，你可以使用/deep/ 或者 v-deep來樣式穿透

**如下：

"scss" scoped>

.change-ship 
.el-input,
.el-input--suffix .el-input__inner }}
}<
/style>

elementui修改主題

新搭建乙個vue專案，使用elementui框架，當然先安裝sass npm install sass loader node sass d 接下來就是elementui的自定義的操作步驟啦 1 安裝自定義主題工具 npm install element theme g 2 安裝chalk主題 np...

修改elementUI的原始碼

elementui版本 2.4.11 修改elementui的原始碼方式 git clone 或者git clone git github.com elemefe element.git 開發環境搭建 首先你需要 node.js 4 yarn 和 npm 3 注意 我們使用 yarn 進行依賴版本的...

修改element ui主題色

命令列主題工具 1 安裝主題工具 在自己安裝目錄下 執行 npm install element theme dev 2 安裝chalk主題 npm install element theme chalk d 3.初始化變數檔案 主題生成工具安裝成功後，如果全域性安裝可以在命令列裡通過 et 呼叫工...