Remove Hover Color-Change from Input Fields

  • Author
    Posts
  • #45853

    Hi. I’ve been working on setting up a website for a group of gamer buds of mine to roleplay on. I’ve tweaked Tempera colors into a Dark theme since many of us get eye strain from the lighter colored sites.

    Anyway, I’ve run into this issue where text input fields change colors of both text and background on hover/mouse-over. I want to turn that off. But when I look at the CSS for Tempera I just get confused cause it’s been a while since I’ve messed with any of the coding stuff. I just need someone smarter than me to step in and point out what I need to do to fix this problem. Please.

    Website: imaginariumhub.net

    #45931
    Zed
    Cryout Creations mastermind

    You can customize the form hover colors with:

    body input[type="text"]:hover, body input[type="password"]:hover, body input[type="email"]:hover, body textarea:hover, body input[type="color"]:hover, body input[type="date"]:hover, body input[type="datetime"]:hover, body input[type="datetime-local"]:hover, body input[type="month"]:hover, body input[type="number"]:hover, body input[type="range"]:hover, body input[type="search"]:hover, body input[type="tel"]:hover, body input[type="time"]:hover, body input[type="url"]:hover, body input[type="week"]:hover {
        background: #fff;
        color: #222;
    }

    If you like our creations, help us share by rating them on WordPress.org.
    Please check the available documentation and search the forums before starting a topic.
    #45973

    That works! Thank you SO SO SO very much! This issue was driving me absolutely insane. Now I can move on to finish setting things up so that my group can actively use it and see what’s in the text fields. Thanks a ton!

    #45974

    Hmm but I still have an issue with the color of the text that’s already in the field. Like Comment or Search.. or in bigger forms, information that users have input. The hover wouldn’t be a problem if I could alter the color of that particular element.

    #46429
    Zed
    Cryout Creations mastermind

    The form fields text color appears to be white right now. Is that not working right?


    If you like our creations, help us share by rating them on WordPress.org.
    Please check the available documentation and search the forums before starting a topic.
Viewing 5 posts - 1 through 5 (of 5 total)

The topic ‘Remove Hover Color-Change from Input Fields’ is closed to new replies.