背景：在選擇所屬部門（部門可新建，則部門會很多）時，如果部門特別多的情況下，在下拉選擇時，el-popover彈出框會變得很長很長，頁面不美觀。
?產(chǎn)品要求：在超長時，固定高度，支持滾動條。
在代碼里修改樣式時，一直不生效，仔細查看dom才發(fā)現(xiàn)，popover的dom創(chuàng)建在了最外層，也就是和根組件app同級，所以在任何的<style scoped></style>下寫的css均不能生效。
如果直接在<style></style>下粗暴修改，肯定會影響到其他組件的樣式，不可以這樣修改。
查閱官方文檔發(fā)現(xiàn)，可以為popover組件添加類名，這樣就不會影響其他樣式了。
?代碼如下：
?效果如下：
還可以對滾動條的樣式進行修改，比如隱藏滾動條或者改變滾動條的粗細等
代碼：
.el-popover.user-el-popover {
max-height: 400px;
overflow-y: auto;
&::-webkit-scrollbar {
// display: none !important;; //隱藏
width: 20px; //寬度寫成20px
}
}效果：文章來源：http://www.zghlxwxcb.cn/news/detail-557252.html
文章來源地址http://www.zghlxwxcb.cn/news/detail-557252.html
到了這里，關于css-修改element ui的el-popover樣式的文章就介紹完了。如果您還想了解更多內(nèi)容，請在右上角搜索TOY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關文章，希望大家以后多多支持TOY模板網(wǎng)！
