How to change the background color of Masked Input widget?

  • flaviafigueiredo
    Asked on May 2, 2017 at 7:07 PM
    is it possible to change the color of the Masked Input as the "Tipo de Variação de Peso"?
    How to change the background color of Masked Input widget? Image 1 Screenshot 20
  • Kiran Support Team Lead
    Replied on May 2, 2017 at 7:11 PM

     Please inject the following CSS code to the Masked Input widget to change the appearance as the other text boxes on the form.

    #maskedInput {

    background-color: #dddddd;

        border-radius: 2px;

        -webkit-box-shadow: inset 0 0 4px rgba(0,0,0,0.2), 0 1px 0 rgb(255,255,255);

        -moz-box-shadow: inset 0 0 4px rgba(0,0,0,0.2), 0 1px 0 rgb(255,255,255);

        box-shadow: inset 0 0 4px rgba(0,0,0,0.2), 0 1px 0 rgb(255,255,255);

        border: 1px solid #AEAEAE;

    }

    How to change the background color of Masked Input widget? Image 1 Screenshot 30

    After adding this code, the masked input widget should be displaying as shown below:

    How to change the background color of Masked Input widget? Image 2 Screenshot 41

    Hope this information helps!