Home > front end >  Under the situation of how the <style scoped> change <el - tooltip> background color
Under the situation of how the <style scoped> change <el - tooltip> background color

Time:11-28

I know use/deep/, but I tried it on el - tooltip has been the default color black
Want to know what change background color format is


, aaa/deep/el - tooltip__popper
{
Background: # 1 ab394! important;
}

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;

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
  • Related