Cannot remove border around output only field

  • Profile Image
    deecox
    Asked on August 05, 2016 at 05:08 PM

    formID=62173675490360#

     

    Have applied this CSS -

    #input_16 {
        height : 1em;
        border-color : #D9CEB2;
        border : none;
        font-size : 3em;
        text-align : center;
    }

    I am still seeing a border arround the field (Below the Result! paragraph) - I added the border-color over-ride as an after-thought, but I am still seeing the white border.

    I don't think it is a browser issue because the border is being displayed in 4 different browsers.

    Please can you advise.

    Many thanks

    Dee Cox

  • Profile Image
    BJoanna
    Answered on August 05, 2016 at 05:26 PM

    That is box shadow. Add this line of code as well to #input_16 field CSS.

    box-shadow:none; 

    Your code should look like this. 

    #input_16 {

        height : 1em;

        border-color : #D9CEB2;

        border : none;

        font-size : 3em;

        text-align : center;

        box-shadow:none;

     

    }

    After you add that line of code, mentioned field will look like this. 

    Here is my form: https://form.jotform.com/62176322283958 

    Feel free to clone it

    Hope this will help. Let us know if you need further assistance.