Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

Hide Last Pass icon in input fields

Tags:

css

lastpass

If you have the Last Pass extension installed in chrome it displays a ... on the right side of certain input fields.

I was wondering: Is there a way to hide this with css?

like image 572
Gage Hendy Ya Boy Avatar asked May 03 '18 00:05

Gage Hendy Ya Boy


People also ask

How do I turn off LastPass icon?

Hi! If you do not want the gray in-field autofill LastPass icon to appear in your login fields, you can disable it within your LastPass browser extension Preferences to remove it for all sites, or add a site as a Never URL so that the icon does not appear for specific sites.

Why is LastPass not Autofilling?

To sum up, there are two main reasons why LastPass fails to autofill your login information: either the feature is disabled, or something's blocking it. To troubleshoot the problem, check your account settings. You can also update the app, and disable your extensions.

How do I disable LastPass in Chrome?

Right-click on the active LastPass icon in your Chrome toolbar. Click Remove from Chrome. Click Remove to confirm.


2 Answers

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

data-lpignore="true"

like image 161
Galactic Web Crusader Avatar answered Sep 17 '22 15:09

Galactic Web Crusader


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.

like image 30
Anirudh Reddy Kontham Avatar answered Sep 18 '22 15:09

Anirudh Reddy Kontham