About Vue-ElementUI modify the default style is not successful problem solving

Element is a good use of the component library, but sometimes we need to modify some of the styles of the component in order to meet our own needs.

We use browser debugging find the appropriate class, when local override this class, found modify unsuccessful.

This is because there is a special property on the style tags Vue file: scoped. When a style to have this label, its style can only operate on the current Vue components, you can make a style element does not contaminate each other.

 

solution:

1. Remove scoped, but this method may cause global pollution

2. Modify the style on the global style control css file

3. Write a new label, modify the style to go in a new tab

Guess you like

Origin www.cnblogs.com/jane2160/p/11598263.html