#button {
margin-top: 5%;
position: relative;
left: 15%;
}
#button a{
color: #15b097;
}
#button a:hover{
color: white;
}<div class="form-group">
<div class="col-sm-offset-2 col-sm-10">
<a class="btn btn-default" href="#" role="button" id="button">Create Account</a>
</div>
</div>This is the first time it happen to me the button hover is not changing. It never happen to me I don't know what went wrong. Maybe there is particular went wrong I don't know. Hope I'm not confused you as I'm already confused here keeping changing the class name and didn't work. Only alignment is working. I did background-color as well as color.
Your button is with the a tag, so don't need to use #button a.
Updated CSS:
#button {
margin-top: 5%;
position: relative;
left: 15%;
color: #15b097;
}
#button:hover{
color: white;
}
Collected from the Internet
Please contact [email protected] to delete if infringement.
Comments