Linked Questions
14 questions linked to/from Style child element when hover on parent
7 votes
3 answers
162k views
Changing child text color on hover of parent using CSS [duplicate]
I have a div which has text and an image in it. I want all text and background within the div to change color when I hover anywhere within the div. I have made it so that the text at the bottom ...
3 votes
4 answers
12k views
How to change the text color of a div on hover [duplicate]
I am trying to code a button that changes color when you hover over it/click on it. However, I ran into an issue. There is a space between the text and the edges of the div section, and if you hover ...
0 votes
4 answers
15k views
Changing text color on hover [duplicate]
I am attempting to add a text color change on my a tag. Inside of my a tag I have two separate span classes. One to keep the text black and the other to have the text gray. On hover, I would like both ...
2 votes
1 answer
4k views
Change background color of child div on hover of parent div? [duplicate]
I want to change the background color of child div on hover of the parent div. Currently, I am able to change the color but only on hover on child div. However, I want to change the color on hover of ...
2 votes
1 answer
728 views
On hover change span:before and h3 [duplicate]
So it's time to enlist the help of people smarter than myself. What I'm trying to do is get CSS hover effects to work on multiple elements. Code for example: <div class="box alt"> <div ...
-2 votes
3 answers
905 views
How can I change the color of an anchor element when hovering over a paragraph? [duplicate]
Changing a color of a element by hovering the mouse over I have the following HTML <p class="ItemMenu "><a href="">Inicio</a></p> <p class="ItemMenu "&...
0 votes
0 answers
51 views
Affecting several elements on :Hover [duplicate]
I want the .fa-sliders-h:hover to happen when i hover the parent div .r1c1:hover without the parent without the parent div being affected by the red color and the 180deg. Parent div .r1c1:hover { ...
0 votes
1 answer
46 views
Is there a way to make it so hovering over the button only rotates the inside of it? [duplicate]
I am cooking up a design for my website. I have added a settings button and I want to make it the gear icon inside of the button rotates whenever you hover over the button. The only issue is that I ...
3 votes
5 answers
10k views
How to change color of a tag when i hover over a div
I have an HTML structure like this There's a div with an a tag inside of it. I want it that when I hover over the div, the background color of the div changes and the color of its a tag changes to ...
-1 votes
5 answers
4k views
Apply styles to submit button on input type text focus [closed]
I must be doing something wrong, but I can't find why. Here's the fiddle Why does this work: #searchClubsForm input[type=text]:focus { background: blue; } But this doesn't? #searchClubsForm ...
0 votes
3 answers
1k views
How to change color of a font-awesome icon inside a card on hover?
I have a page with a lot of bootstrap cards. When I hover on the card, I want the icon color to be white rather than black. I tried different methods but I couldn't succeed. I added a class like .fa-...
2 votes
4 answers
1k views
On img hover show hidden ul
I have a div that holds an image and an unordered list. <div id="holder"> <img src="#" alt="some image"></img> <ul> <li>List Item 1</li> <li>...
0 votes
1 answer
1k views
SVG color change inside a button CSS
I am having a trouble changing the color of SVG along with the button. I want SVG color to change when I hover onto a button with SVG in it, now it works just when I hover over an SVG image inside ...
3 votes
1 answer
244 views
How to translate an element while avoiding flicker?
I'm having a list with a total of 5 elements and on hover, on any individual element, I'm trying to translate that element 7% in the x-direction and -15% in the y-direction with a half-second ...