el標(biāo)簽算是一個組件，渲染的時候固定的el標(biāo)簽會生成一樣的類名的各個標(biāo)簽的嵌套，若是需要改個別樣式，希望是給el標(biāo)簽設(shè)置類名如"productName"，找到自己設(shè)置類名下結(jié)構(gòu)對應(yīng)的標(biāo)簽，如.productName .cell標(biāo)簽，避免自己設(shè)置.cell標(biāo)簽樣式造成全局所有對應(yīng)的el標(biāo)簽的樣式?jīng)_突

假如你只是想重置一下el-autocomplete的append(后插槽)樣式，html代碼如下：

 <div class="app-header-search">
    <el-autocomplete
        v-model="search"
        placeholder="請輸入內(nèi)容">
        <div slot="append">
            <button type="button">按鈕</button>
        </div>
    </el-autocomplete>
</div>

劃重點(diǎn)：如果你是單頁面應(yīng)用，建議單獨(dú)建一個重寫el樣式的文件,如override-element-ui.css，然后在main.js里導(dǎo)入

import 'css/override-element-ui.css';

然后在瀏覽器里通過F12,找到要重寫的元素引用的樣式。
override-element-ui.css的代碼如下：

.app-header-search {
    
    .el-input-group__append {
        border: 1px solid red;
        // 寫你自己的樣式
    }
}

請問您的這個問題怎么解決的，我也是遇到了相同的問題，修改的時候我是在開發(fā)者模式下對著頁面的結(jié)構(gòu)一級一級寫的樣式，查看樣式也應(yīng)用上了，也加了最大的權(quán)重，可就是不生效呢。感謝指點(diǎn)。謝謝啦