首先，要想修改elementui組件樣式，我們需要了解scoped工作的原理：
style標簽的scoped會在vue-loader里進行處理
所謂的局部css 就是在你當前組件里的所有html標簽打一個data-tag
然后會把你scoped里的css編譯為 xxx[ data-v-4d856c52]，這也就是scoped的作用
那么，知道了scoped的作用，修改elementui的樣式也就很簡單了：
1.全局修改
在全局樣式app.css中直接修改全局樣式
或
在組件中style不定義局部樣式，也就是不給style標簽scoped屬性
2.深度修改局部樣式
您希望scoped樣式中的選擇器“深入”，即影響子組件，則可以使用>>>組合
注：某些預處理器（如Sass）可能無法>>>正確解析。在這些情況下，您可以使用組合/deep/或::v-deep組合 - 兩者都是別名，>>>並且工作完全相同。
.search-option >>> .el-input__inner {
height: 32px;
border-radius: 0;
}