What is JotForm?
JotForm is a free online form builder which helps you create online forms without writing a single line of code. No sign-up required.

At JotForm, we want to make sure that you’re getting the online form builder help that you need. Our friendly customer support team is available 24/7.

We believe that if one user has a question, there could be more users who may have the same question. This is why many of our support forum threads are public and available to be searched and viewed. If you’d like help immediately, feel free to search for a similar question, or submit your question or concern.

  • Profile Image

    how can i make a radio button black?

    Asked by tobytinsley on January 04, 2014 at 01:32 PM

    how can i change the style a radio button? preferably to black with a grey outline, or similar to the upload button?

  • Profile Image
    JotForm Support

    Answered by jonathan on January 04, 2014 at 05:50 PM


    Are you perhaps referring to the widget button radio? http://widgets.jotform.com/widget/button_radios

    Here is a demo form that uses this radio button radio http://www.jotform.co/form/33341394292858

    Can you share to us the URL of your form where you wanted to do this. We will check.

    On the other hand, there is also a widget that uses images for buttons in the radio option.

    This widget http://widgets.jotform.com/widget/image_radio_buttons and this is the demo form http://www.jotform.co/form/33356524630855 

    Inform us if you need further assistance.


  • Profile Image
    JotForm Support

    Answered by EltonCris on January 04, 2014 at 05:58 PM

    In addition to my colleague, I have created a sample radio button according to your desire. Check this: http://form.jotform.co/form/40036523992858?

    If you like this, simply inject this CSS codes to your form. Copy the CSS codes here: http://pastiebin.com/52c891dbf113b

    Guide: http://www.jotform.com/help/117-How-to-Inject-Custom-CSS-Codes

    Hope this helps. Let us know if you need further assistance with this.


  • Profile Image

    Answered by tobytinsley on January 04, 2014 at 06:15 PM

    thanks guys - EltonCris - your CSS code is perfect, worked a treat...

    all i need to change was the point size, and now it looks great!


    thanks very much - as soon as the site is live, i'll post the link


    thank you

  • Profile Image
    JotForm Support

    Answered by EltonCris on January 04, 2014 at 06:32 PM


    The radio button image is on the CSS https://shots.jotform.com/elton/radio.png, feel free to edit it. :)