Hide Last Pass icon in input fields

Question

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?

score 37 · Accepted Answer · answered Oct 31 '18 at 18:31

37

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

data-lpignore="true"

answered Oct 31 '18 at 18:31

2

This also prevents LastPass from working at all on that field... – Oylex Apr 28 '20 at 15:02
4

As of 2022 this doesn't hide the the LastPass icon. – holm50 Dec 19 '22 at 08:27

score 5 · Answer 2 · answered Dec 19 '22 at 08:27

5

As of 2022 the LastPass icon is placed as a sibling to the input field, so I added this rule to my input container and it worked.

  div[data-lastpass-icon-root] {
    display: none;
  }

answered Dec 19 '22 at 08:27

holm50

Even with data-lpignore="true" I couldn't get rid of LastPass icons. I've tried everything, this is the only thing that worked. Last pass looks for the Label text, a label "for=" text, the id, the name, the placeholder, if "full name" or "name" are in any of those, it would show. This worked!! THANK YOU, THANK YOU, THANK YOU, THANK YOU !!!! – PyTis Aug 18 '23 at 19:44

score 2 · Answer 3 · answered May 03 '18 at 23:18

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;
}

score 2 · Answer 4 · answered Sep 21 '20 at 20:07

2

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.

answered Sep 21 '20 at 20:07

This was spot on for me but since I actually have a different background image in my input field, I didn't want to kill that too. I removed that part and it works fine with just the code between your first 2 brackets. Thanks for this, other solutions didn't work for me and this was killing my interface. – Fonewiz Jul 15 '21 at 17:44

Amit Kumar Sonkar · Answer 5 · 2022-12-19T17:07:34.877

1

I've also faced the same issue, As I am using Telerik RadCombobox and RadTextBox, Last pass icon is displaying in all the server controls.

Tried using below css: jst paste it in the aspx page

div[data-lastpass-icon-root] { display: none. }

Its working fine.

edited Dec 19 '22 at 17:07

answered Dec 19 '22 at 16:55

Amit Kumar Sonkar

score 0 · Answer 6 · answered Nov 09 '21 at 19:55

0

Update NOV 2021

I have noticed that all LastPass widgets got class css-1obar3y.

div.css-1obar3y {
  display: none!important;
}

Works perfectly for me

answered Nov 09 '21 at 19:55

Smokovsky

6 Answers6