How to make the product dropdown field with rounded corner?

  • Profile Image
    BBC2016
    Asked on April 25, 2016 at 10:16 PM

    https://form.jotform.com/61131702219141

    How can I make option 5 price box the same rounded kind as option 2 box??

  • Profile Image
    ashwin_d
    Answered on April 26, 2016 at 03:17 AM

    Hello,

    Please inject the following custom css code in your form to make the product dropdown with rounded corner:

    .form-product-item .form-dropdown {

        padding: 3px;

        height: 30px;

        border-radius: 6px;

        margin-left: 0;

        border: 1px solid #ccc;

        font-size: 1em;

        line-height: 1.071em;

        -moz-box-shadow: 0 1px 2px #eee inset;

        -webkit-box-shadow: 0 1px 2px #eee inset;

        box-shadow: 0 1px 2px #eee inset;

    }

    The following guide should help you how to inject custom css code in form:  https://www.jotform.com/help/117-How-to-Inject-Custom-CSS-Codes 

    Hope this helps.

    Do get back to us if you have any questions.

    Thank you!

  • Profile Image
    BBC2016
    Answered on April 26, 2016 at 08:04 PM

    thanks!