How to change the background color of Masked Input widget?

  • Profile Image
    flaviafigueiredo
    Asked on May 02, 2017 at 07:07 PM
    is it possible to change the color of the Masked Input as the "Tipo de Variação de Peso"?
  • Profile Image
    Kiran
    Answered on May 02, 2017 at 07: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;

    }

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

    Hope this information helps!