Remove Border in for the Message Field

  • turbolegs
    Asked on May 24, 2022 at 12:08 PM

    Hi there, I've got the CSS for removing borders from textbox but it's not disappearing from my Message box.

  • Parker JotForm Support
    Replied on May 24, 2022 at 2:05 PM

    Hi turbolegs,

    Thanks for reaching out to Jotform Support. Please provide a link to the form and which section you're trying to adjust the CSS for so we know exactly what we're trying to remove. Once we have that information we'll be able to move forward with a solution.


  • Joanne
    Replied on May 24, 2022 at 10:24 PM
  • Sheena JotForm Support
    Replied on May 25, 2022 at 1:51 AM

    Hello Joanne,

    To remove the border on the message field, please inject the CSS Code to your form

    #input_11{
    border: none!important;
    }


    Give it a try and let us know if you need further assistance.

  • BrianBenton
    Replied on May 25, 2022 at 3:51 AM

    It's a suggestion from my side is that first inspect the things with browsers developer tools & there are many tutorials are related to this type of functionality.

    I have created a example for you may be that's help you. Write like this:

    ul{
    border-bottom:1px solid red;
    }
    ul:after{
    content:'';
    clear:both;
    display:block;
    }
    li{
    float:left;
    height:50px;
    line-height:50px;
    padding:0 10px;
    border:1px solid red;
    margin-bottom:-1px;
    }
    li.active{
    border-bottom:1px solid #fff;
    }


  • turbolegs
    Replied on May 25, 2022 at 8:38 PM

    Hello and thank you for such AMAZING support ! Wish every company ran their support department like this!

  • turbolegs
    Replied on May 25, 2022 at 8:40 PM

    One question - what does the 11 after input reflect? I thought it was the line number?

  • Durand_C
    Replied on May 25, 2022 at 11:14 PM

    Hello turbolegs, 

    Thanks for reaching out to Jotform Support. #input_11 is the field ID of the Message field. It seems that the solution provided by my colleague did work.

    Let us know if you have any other questions.


  • BrianBenton
    Replied on May 26, 2022 at 1:01 AM
    input:focus {
      outline: none !important;
    }

    remove blue border on a massage

    myPennMedicine App