平时element-ui用的比较多, 所以难免就会遇到一些坑。第一次在掘金写文章，各位多多包涵。
在工作中，作为前端开发，和UI合作是很正常的事，因此即使用的是UI框架，UI设计师也会把它改的面目全非，当然这样说有点夸张，总来的说就是肯定会在原来的基础上进行改动，那么前端就必须得去重新写样式，将element-ui本身的样式给覆盖掉。
所以这里提两个组件，一个select组件，一个是table组件中的show-overflow-tooltip属性。
1.对于select组件，不知道大家平时是否有注意到select组件的下拉框的dom节点的位置在哪里，可以在element-ui的官网中查询select，之后打开控制台，可以看到右边蓝色的地方对应的就是select的下拉框。 当然更重要的是我们注意到，两个红框的位置，我们知道平时写的样式不能随便写全局样式，否则很容易影响到别的页面的样式，但是在这里，却不得不写全局样式，并且不能被嵌套在任何一个class里面(一种情况除外), 否则该样式只会存在于id为app的这个dom树下，而select的下拉框本身又是跟app是同一级的，因此在app下改变select-dropdown的样式并不会生效。
说到这里其实也没啥可说了，第二个注意事项就是el-table组件里面的show-overflow-tooltip属性了，长下面这样
不过也有可能出现一种情况，比如说A这个select的下拉框的某个选项被选中的时候显示红色，B的select的下拉框显示绿色的话怎么办呢，上面还说不能够将下拉框的class嵌套在某个class下，否则不会生效。 不过element为我们提供了一个属性，就是popper-class。
综上，如果有类似的需求的话，我觉得这不失为一种还算不错的方法。谢谢
