Remove "active" comment field border color

  • This seems like such a small minor detail but it’s driving me crazy trying to figure out what CSS to edit to achieve the results I am looking for.

    Long story short, how do you make it so the comment input fields DO NOT have a colored border when they are selected and a user is actively typing in the current field? These is the area in the blog where it says “Leave A Reply” and there are fields for NAME, EMAIL, and WEBSITE.

    I’ve been able to stop the actual comment text box from this behavior by adding the following entry in the Appearance > Styling Options > Custom CSS (and by remove I mean I matched the border color with the input field background color – #2E3539)

    /* Remove border around highlighted message field */
input:focus,  textarea:focus {
border: 1px solid #2E3539;
}

    How do I stop this behavior in the other text / form input spaces?

    Example page: https://www.dirtyimpreza.com/newsite/dillon-van-way-wins-at-mt-washington-hillclimb/

    Thanks for your help!

  • The topic ‘Remove "active" comment field border color’ is closed to new replies.