Aaa is my own definition of el - tooltip class name
I is written in this way, but still don't change the background color in Do you have any brother teach or pointed out my mistakes
CodePudding user response:
>
The outer & gt;> Third-party components { Style }
Have a try
CodePudding user response:
Do not write the CSS file to
. The aaa. El - tooltip__popper { Background: # 1 ab394! important; }
CodePudding user response:
Red words can not write the default is black, so to change the color of the arrow,
CodePudding user response:
effect="dark" the content="Top Left hint text placement"="Top - start" & gt; 11111 & lt;/button>
CodePudding user response:
/deep/change can be successful I think you have a look at your tooltip structure, look at you for the class for you to where go to, is a hierarchy in the wrong
CodePudding user response:
you see this popup window binding is not in the box below
CodePudding user response:
These components don't think it binding things at the bottom of the box, what they see clear place to write the style
CodePudding user response:
Selector in depth, such as can be used in the vue: : v - deep/to modify the name of the class, other frameworks depth selector, and of course, pay attention to the Scss and less grammar may be inconsistent, overall look at what you use to write CSS, then the corresponding depth selector to baidu
CodePudding user response:
The most commonly used is the best way to:
Inside the assets folder write a style.css. Less/. CSS file This file is to modify the style of the components inside the Then in the main. Js inside introduction; Be careful to introduced after the introduction of component style; Each weight. The outermost can add a vue file id='idName'; Use id to weighted weight and the difference between different components, prevent conflict