Roberto Flores Roberto Flores - 1 year ago 92
CSS Question

Prevent text color to change when hover button

I am trying to prevent the button text to change color when the user hover overs the button.

I am using bootstrap but did not like the color so I just the same button but change the color.

However, unlike the bootstrap button, when i hover over the button, the text changes from white to black

The following is what I have:

@import '';
.btn-info1 {
color: white;
background-color: #004377;
border-color: #004377;
background-image: -webkit-linear-gradient(top, #004377 0, #004377 100%);
background-image: -linear-gradient(to bottom, #004377 0, #004377 100%);
background-repeat: repeat-x;
border-color: #00437;

<a class="btn btn-info1 slideText" href="/index.cfm/finder/" role="button" style="
">Find Now</a>

What can I do to stop doing that when it is hovered and active?


Answer Source
.btn-info1, .btn-info1:hover
{   text-decoration: none;
color: white; background-color: #004377; etc...}

just need :hover styling

Recommended from our users: Dynamic Network Monitoring from WhatsUp Gold from IPSwitch. Free Download