.cn-close-icon:hover::before {
background-color: red;
}
that should work.
It works! Thanks. I also added .cn-close-icon: hover :: after {
background-color: red;
}
Now I should add several SVG icons, but I color the background. For example the .custom-logo class.
I made .custom-logo: hover {
background-color: red;
}
This is not what I want.
How do I fix SVG color change on hover? The previous tip doesn’t work on everything.
Hi,ildomandatore(@
How do I fix SVG color change on hover?
The :hover selector is used to select elements when you mouse over them.
Tip: The :hover selector can be used on all elements, not only on links.
Tip: Use the :link selector to style links to unvisited pages, the :visited selector to style links to <a href="https://sekho.com.pk">visited</a> pages, and the :active selector to style the active link.
Note: :hover MUST come after :link and :visited (if they are present) in the CSS definition, in order to be effective!
:hover {
css declarations;
}
Select and style unvisited, visited, hover, and active links:
/* unvisited link */
a:link {
color: green;
}
/* visited link */
a:visited {
color: green;
}
/* mouse over link */
a:hover {
color: red;
}
/* selected link */
a:active {
color: yellow;
}
Show and hide a “dropdown” menu on mouse hover:
ul {
display: inline;
margin: 0;
padding: 0;
}
ul li {display: inline-block;}
ul li:hover {background: #555;}
ul li:hover ul {display: block;}
ul li ul {
position: absolute;
width: 200px;
display: none;
}
ul li ul li {
background: #555;
display: block;
}
ul li ul li a {display:block !important;}
ul li ul li:hover {background: #666;}
-
This reply was modified 2 years, 5 months ago by albert22.
-
This reply was modified 2 years, 5 months ago by albert22.