Format the Masked Input field to match the other fields styling

Support,

I've tried many times to get an 'exact match' for the Masked Input widget fields to my regular form fields. I can get "close" but it still never matches exactly right. I want the highlights, backgrounds, shadows, hover, underline thickness, etc to exactly match the rest of my fields CSS but can never seem to get it to work correctly. Hoping for some help to get this to blend in so it acts exactly like the other non-widget fields.

Whenever I really need the Masked Input widget I'm reluctant cause this is always a pain to get it to look right in the form with the rest of the fields.

https://form.jotform.com/251808676084163/prefill/0197c3b196a37d16a87ac0065e1f00626c70

Hi Marty,

Thanks for reaching out to Jotform support. If you want to match the styling of your Masked Input widget with that of all the other fields, you can apply a custom CSS. Let me show you how:

1. First, copy this code:

 .masked-input {

    display : inline-block;

    float : left;

    text-align : left;

    background : #fbfbfb!important;

    border-top : none !important;

    border-left : none !important;

    border-right : none !important;

    border-radius : 0 !important;

    font-weight : bold !important;

    height: 40px;

    box-shadow: inset 0px 0px 0px 0px #eee!important;

}

.masked-input:hover, .masked-input:focus-visible {

    box-shadow : 0px 0px 0px 0px #82c341!important;

    background : #fbfbfb;

    border-color : #82c341 !important;

    border-width:2px;

    outline:none;

}

2. Open your form in Form Builder, scroll down, and select the XXX widget.

3. Click on the Wand icon on the right side of the widget to open Widget Settings.

4. Under the Custom CSS tab, paste the code into the CSS Code box.

You can check out this guide about How to Inject CSS Codes to Widgets. Here's the result:

Regarding your other question about the sublabel, I have moved it to another thread. You can check out my response here.

Let us know if you need any other help.