3
I own a Jumbotron btn
I can’t get the hover
button (the blue rectangle),
I have tried to disable all Tyles on Chrome console but it does not work.
<button type="submit" class="btn">Entrar</button>
.jumbotron
{
text-align: center;
border-radius: 25px;
display: block;
vertical-align: middle;
background-color: #fefefe;
width: 520,50 px;
height: 687,50 px;
font-size: 15px;
}
.jumbotron .btn
{
padding: 0px 0px;
font-size: 18px;
height: 60px;
background-color: #fefefe;
background-image: url('images/bt_03.jpg');
background-repeat: no-repeat;
background-position: center;
color: #bb4200;
font-family: ubuntu;
width: 120px;
font-weight: normal;
box-shadow: 0 0 0 0 rgba(0,0,0,0),0 0 0 0 rgba(0,0,0,0) !important;
border-bottom: 0px;
border:none!important;
background-color: white!important;
}
when I click.
any suggestions?
Clap Clap, it worked perfectly. I thank each one helped a little bit.
– Guilherme Lima
@Guilhermelima I see in the answers some telling you to use
!important
. Alert: If you need to use the!important
is why something in yourcss
is not as correct as it should be. Rare are the cases where a!important
is necessary. Keep in mind.– celsomtrindade
I’m glad I could help!
– concas