Hide Last Pass icon in input fields

I figured it out!

I placed this in my input field styles:

background-image:none !important;
background-attachment:none !important;
padding-right:0 !important;
border:1px solid #ABADB3 !important;

Which had an effect, but something was still visible. Placing this in my global styles got rid of it completely:

div[id^=__lpform_] {
    display: none;
}

To suppress the icon for an input field like below:

<input type="tel" id="cc-number" autocomplete="off">

I used below css:

img[id^='__lpform_cc-number_icon'] {
    display: none !important;
}

input {
background-image: none !important;
}

data-lpignore="true"

^^ no longer works I guess. I am not sure, as it didn't work in my case.


You can also hide the icon by adding this attribute to the input element:

data-lpignore="true"

Tags:

Css

Lastpass