MacLean Fitzgerald
asked on
css question -easy, i think
I have the following code:
On hover, I just want all the teal to change to orange. Meaning the background and dashed lines. No matter how many iterations I do, its never perfect.
Any ideas?
.cta-teal-outline {
border: 3px dashed #1fbcc0;
padding: 10px;
border-radius: 10px;
max-width: 400px;
}
.cta-teal {
border-radius: 10px;
padding: 15px;
background-color: #1fbcc0;
color: #fff;
}
.cta-teal a{
color: #fff;
}
.cta-teal a:hover{
background-color: #f48f4a;
}
<div class="cta-teal-outline"><div class="cta-teal"><a href="#">Subscribe Now</a></div></div>
On hover, I just want all the teal to change to orange. Meaning the background and dashed lines. No matter how many iterations I do, its never perfect.
Any ideas?
ASKER CERTIFIED SOLUTION
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
ASKER