Get rid of line at the bottom of html input field

[newtonmunene]

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

[vks_gautam1]

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

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

[newtonmunene]

@vks_gautam1

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

It still wont go away

[vks_gautam1]

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

    }

[newtonmunene]

@vks_gautam1

.item-md.item-input.input-has-focus .item-inner {

box-shadow: none;

border-bottom: none;

}

THANKS MAN IT ACTUALLY WORKED