Be able to style all forms elements (dropdown, radio, etc)

Styling certain elements of forms have been difficult from the beginning of web design. Some modern frameworks offer either nicer default styles or the possibility to easily style any form component.

Styling a form is important because it is still, in 2017, the only component that is heavily handled, visually, by the browser defaults, hence forms looking regularly different on Windows and Macs, with also differences between browsers.

Regularly, forum users ask how to handle this: https://forum.webflow.com/t/best-way-to-design-this-complex-product-creation-form/38125

The image provided in the forum topic above (and attached here) is a good example of what we all would like to be able to produce.

An incomplete list of what would be great to control:

  • field placeholder → Shipped
  • dropdown shape and color
  • icons of drop-downs
  • radio button
  • checkboxes—extensively, to be able to make them look like big toggles

Additionally, complicated forms need tables "zones", zones titles and labels...

If you give support to this request, can you add examples of a component you'd like to have control on in the comments?

  • Vincent Bidaux
  • Jan 24 2017
  • Sep 25, 2019

    Admin response

    9/24/19 update: Now you can go fully custom with the design of your form checkboxes and radio buttons (with the option to switch back to the default styling at any point).

  • John Romice commented
    7 Jan, 2020 04:37pm

    Thanks for sharing such incredible knowledge with us.

    https://www.boredpanda.com/author/delmerviramontes/

  • BitBranding commented
    2 Jul, 2019 05:00pm

    We just needed to make some changes to checkbox for one of our projects. This will be an excellent addition! 

  • Sunny Yadav commented
    28 Jun, 2019 03:30pm

     I am here for convert jpg to pdf online easily in system here.

  • Jason Dark commented
    11 Nov, 2018 10:29pm

    +100 for this
    At the moment I am using 3rd party CSS libraries but if Webflow could allow us to design these components it would be a game changer.

  • Mark Godwin commented
    8 May, 2018 05:22pm

    This is a constant desire of mine. It would be good to have a complete overhaul of forms to enable us to have multiple steps and complete control over all field styling.

  • Simon Lucas commented
    30 Apr, 2018 08:39pm

    Please update Webflow to support this! I think it is a really crucial feature. I should not have to rely on hacks to build an app that has custom dropdowns!

  • Kyle Kettler commented
    4 Apr, 2018 04:26pm

    This is such a crucial feature for the web today. I can't believe it still doesn't even seem to be on the development team's radar. 

  • Jarrett commented
    8 Mar, 2018 11:47pm

    I would love to be able to create styled "radio" buttons similar to the attachment below. 

  • Jonathan Abdon commented
    24 Aug, 2017 12:41am

    Yes, totally backing this. I believe this is very crucial. Many would switch to other frameworks because of the absence of such features 

  • Vako Shvili commented
    14 Feb, 2017 09:22pm

    Totally backing this feature. Inability to style form elements fully is quite a bummer. Even drag-n-drop site and landing page builders like Wix and Instapage allow this. 

  • Squlion Admin commented
    24 Jan, 2017 04:52pm

    I cannot request this feature enough. Forms are such a huge part of web and application design. The attached screenshot is from our current project, and as you can see, the capability to style these elements would be a great addition to Webflow. Gave this one a vote!

  • +516