@mixins混用样式：示例：修改el-select里面的滚动条样式

本文主要是介绍@mixins混用样式：示例：修改el-select里面的滚动条样式，希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！

项目场景：

使用混入样式修改el-select下拉菜单里面的滚动条样式

---

解决方案：

// 混入-滚动条样式
@mixin scroll-css {&::-webkit-scrollbar-track-piece {background: red;}&::-webkit-scrollbar {width: 6px;}&::-webkit-scrollbar-thumb {background: #99a9bf;border-radius: 20px;}}

在vue文件里style标签使用方法

示例：修改el-select里面的滚动条样式
.el-select-dropdown__item {padding: 10px 0 0 0;@include scroll-bar;
}

这篇关于@mixins混用样式：示例：修改el-select里面的滚动条样式的文章就介绍到这儿，希望我们推荐的文章对编程师们有所帮助！

---