Select Field styling

  • Resolved jokubas2000k

    (@jokubas2000k)


    4 years, 2 months ago

    Hi,

    I have a couple of questions regarding the Select Field styling in a form.

    I want to change the border colour of the Search Field when the Select Field is open.

    I would also like to change the placeholder to “Search” when the Select Field is opened but keep the placeholder as “Select” when the field is closed. Is that possible?

    Screenshots:
    Select field closed: https://ibb.co/FYv75K0
    Select field open: https://ibb.co/GxZj2xT

    Thanks in advance

Viewing 1 replies (of 1 total)
  • Plugin Support Patrick – WPMU DEV Support

    (@wpmudevsupport12)

    Hi @jokubas2000k

    I hope you are doing well.

    You can use a custom CSS for example:

    .select2-container--open .select2-search__field{
    border: solid 1px red !important;
}

    At Form > Appearance > Custom CSS.

    Make sure to update the select2 to your Select Class.

    https://monosnap.com/file/G1cskU9tDdMoJhO6cqzqbbOLfzUuP4

    You can send the form link in case having an issue to find the correct class.

    For the placeholder, I’m afraid it isn’t possible at this moment, but I sent this request to our plugin team as a feature request.

    Best Regards
    Patrick Freitas

Viewing 1 replies (of 1 total)
  • The topic ‘Select Field styling’ is closed to new replies.