How can I make textbox areas without the outline?

  • Lisa
    Asked on November 4, 2021 at 11:01 PM

    How can I make textbox areas without the outline?

  • Richie JotForm Support
    Replied on November 5, 2021 at 5:22 AM

    You can try this custom CSS:

    .form-textbox{
     border: transparent;  
    }

    Please give it a try and let us know how it goes.

  • omniware
    Replied on November 5, 2021 at 8:50 AM

    How should I do it if I only want specific fields with a transparent outline?

  • Jovanne JotForm Support
    Replied on November 5, 2021 at 9:06 AM

    Hi,

    You can click on the field settings, then go to Advanced and scroll down until you find the Field Details.

    From there, you can be able to get the field IDs so you can be able to manipulate them using CSS properties. See the image attached:

    1636117475 61852be39fe3e  Screenshot 10

    So, if you wish to make these two fields transparent, you can add a CSS code like this:

    #first_3, #last_3{
     border: transparent;  
    }

    You can insert the CSS code by following this guide below:

    GUIDE: how-to-inject-custom-css-codes

    I hope this helps.

    Thank you.

  • omniware
    Replied on November 5, 2021 at 9:22 AM

    Thank you!