在输入字段中隐藏最后一次通过图标

Question

如果您在 chrome 中安装了 Last Pass 扩展，它会在某些输入字段的右侧显示 ...。

我想知道：有没有办法用 css 隐藏它？

Answer 1

我想通了！

我把它放在我的输入字段样式中：

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

这有影响，但仍然可以看到一些东西。将它放在我的全局样式中完全摆脱了它：

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

Answer 2

您还可以通过将此属性添加到输入元素来隐藏图标：

data-lpignore="true"

Answer 3

抑制输入字段的图标，如下所示：

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

我在下面使用 css:

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

input {
background-image: none !important;
}

data-lpignore="true"

^^ 我想不再有效了。我不确定，因为它在我的情况下不起作用。

Answer 4

2021 年 11 月更新

我注意到所有 LastPass 小部件都有 class css-1obar3y。

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

非常适合我

Hide Last Pass icon in input fields