button changes on mouseover

  • Hi I’m having an issue on a button. i have searched google and don’t think im searching for the right terms as the results are not helping.
    Let me explain, i made a mistake and removed some css code in simple css. i tried to put it back and now have an issue.
    On the send button when i move my mouse over the button, it losses the round edges. how does one make it stay rounded?
    Here’s the code i’m using
    background:#078dce;
    cursor:pointer;
    padding-left:15px;
    padding-right:15px;
    color:#fff;
    border-radius:8px;
    width:100px;

    • This topic was modified 6 years, 10 months ago by hackitzca.

    The page I need help with: [log in to see the link]

Viewing 4 replies - 1 through 4 (of 4 total)

  • Try adding this separately from the code you shared.

    input[type=submit]:focus { border-radius:8px; }

    Thread Starter hackitzca

    (@hackitzca)

    Didnt work.

    Ok then. I’m seeing this in your source code:

    .wpcf7-form .wpcf7-submit-focus { border-radius:8px; }

    Instead, try this:

    .wpcf7-form .wpcf7-submit:hover, .wpcf7-form .wpcf7-submit:focus, input[type=submit]:active { border-radius:8px; }

    Thread Starter hackitzca

    (@hackitzca)

    perfect thank you so much.

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘button changes on mouseover’ is closed to new replies.