Get rid of line at the bottom of html input field


#1

I know this is just basic css but i cant seem to get rid of the outline in an input field.
The line pointed to in the screenshot below. Anyone please


#2

try this.
.input{
opacity:1.0;
border-bottom: none;
}

    .ion_input{
        border-bottom: none;
        box-shadow: none;
    }

#3

It still wont go away


#4

.item-md.item-input.input-has-focus .item-inner {
box-shadow: none;
border-bottom: none;

    }

#5

THANKS MAN IT ACTUALLY WORKED