最近序言接到一个需求，基于ElementUI的选择器，定制了符合需求的样式。最后作者顺利完成需求，踩了很多坑，写这部分分享。
首先，案例展示了这个demo的代码结构，让我们看到具体的代码，知道以后的数字。
这个项目基于ElementUI的Starter，可以开箱即用。Vue和ElementUI的架子都内置在里面，方便开发者进行后续开发，不用浪费精力在配置上。具体地址如下：
https://github.com/ElementUI/element-starter的所有代码如下
{{ item.name }} {{ item.country }}
下面详细分析
先看效果吧。当阅读代码时，它更加专注：
这个演示，在输入框中，输入“孟”。下面每个选项都有不止一行，并附有我们想要的样式，比如颜色，字体大小等。
代码点1。选择器选项完全显示。
在这里，你可以完整的显示每个选项的内容，而不是只有一行，挡住了你想要显示的内容。非常重要！可以丰富你的单项选择内容。
2.选择器选项样式设置
在这里，选择覆盖el-select-dropdown__item的样式，以便修改选项样式(字体、颜色等。)!
/*修改ElementUI框架的样式*/。El-select-drop down _ _ item { font-size : 14px；padding: 0 20px位置：相对；空白： nowrap；文本溢出：省略号；color: # 606266height: 34px行高： 34px；-WebKit-box-sizing : border-box；框定尺寸：边框-框；cursor:指针；}其他基于他人的框架，比如ElementUI，功能和风格都很好用，但同时也有很多更多的约束。我们必须遵循他们的逻辑，才能更接近我们的个性化需求。
