How to remove text box inner shadow

  • Profile Image
    ogsuccess
    Asked on October 12, 2017 at 10:11 PM

    How can I remove the text box inner shadow? it wont remove, I only want the solid border 1px. without the inner border. 


    1507860616text box inner shadow.png

    Thank you, 

    SA

  • Profile Image
    Jim_R
    Answered on October 13, 2017 at 03:44 AM

    Hello SA - Removing the box shadow will leave your textbox field without any indication that it's an input field. It will just look like this:

    I recommend you at least give it a light border to avoid confusion from your user's perspective.

    Use the following CSS Codes to remove the box shadow:

    .form-textbox {

        box-shadow: none !important;

    }

    Or use this one if you want to give it a light border:

    .form-textbox {

        box-shadow: none !important;

        border: 1px solid #D48 !important;

    }

    Complete guide: How-to-Inject-Custom-CSS-Codes