elementUI --- el-select drop-down box style overrides

Disclaimer: This article is a blogger original article, follow the CC 4.0 BY-SA copyright agreement, reproduced, please attach the original source link and this statement.

This link: https://blog.csdn.net/weixin_43318531/article/details/94448342

Antecedents:

element UI component library selectors select the style drop-down list in the page rendering, always rendered as second only to the level of the body div, like this cover will affect the overall look of the other selectors select the drop-down box style, trying to el-select to be covered by a label added to the parent, but with no eggs.
Console see the rendering results:

Solution:

From the definition of a class by propper-class, like this can be seen in the console, custom class to render the effect on the page, like this, you can customize this class to style drop-down box covers, like this does not affect the overall situation, when covering style, to add! important priority is increased.
The following is a custom class rendered results